带有 wordpress json 插件的 Kendo UI Jsonp 示例

Posted

技术标签:

【中文标题】带有 wordpress json 插件的 Kendo UI Jsonp 示例【英文标题】:Kendo UI Jsonp example with wordpress json plugin 【发布时间】:2014-04-08 14:42:40 【问题描述】:

问题概述:


我正在尝试调整一个剑道 UI 数据绑定示例以使用我自己的 jsonp 请求。

详细说明:


我的项目基于数据绑定示例here。我创建了 this jsfiddle ,它代表了我希望模仿的正确工作示例。

我希望根据kendo datasource docs 使用 JSONP。我依靠this json api plugin 来使用wordpress。

我知道当我将这个:http://www.techhelix.com/?json=get_post&id=1/ 放入浏览器时,json 查询有效。

我尝试的改编已发布here on jsfiddle。结果没有产生可见的标记。但是当我查看 firebug 时,在网络面板下,我看到以下内容: ...看来 JSON 数据已成功接收。

相比之下,来自 kendo 的全功能示例产生的 JSON 数据结构略有不同,如下所示:

结论:


我不明白为什么我的适应没有按预期运行。我意识到我可能需要调整剑道模板中的 html 标记,但首先我至少希望看到至少一些呈现为 html 的 json 数据。我怀疑不同的 json 结构在这里可能很重要。

【问题讨论】:

【参考方案1】:

Kendo UI 数据源与项目数组一起工作,并期望从远程服务返回此类响应。您正在使用的服务作为单个对象返回,因此存在问题。幸运的是,这很容易通过指定自定义 schema.data 来解决:

            schema: 
                data: function(response) 
                    return [response.post];
                
             

这里是更新的 jsFiddle:http://jsfiddle.net/892Yu/8/

【讨论】:

您的建议确实帮助我获得了我想要的数据。但是,我无法让这些数据进入移动列表视图。由于这是一个不同的问题,我在这里提出了一个单独的问题 (***.com/q/22285040/2115934) 并记入了您的姓名。

以上是关于带有 wordpress json 插件的 Kendo UI Jsonp 示例的主要内容,如果未能解决你的问题,请参考以下文章

带有 Javascript 的 Wordpress 插件

使用带有 Wordpress 插件的 ajax 重新加载

带有缩放图像悬停功能的 Wordpress 图像插件

带有 WooCommerce 插件的 WordPress 数据库未显示所有数据

带有数据库(mysql)查询的 WordPress 插件

json WordPress插件的示例Composer文件。