Kendo UI的JSONP响应未填充网格

请给我你的建议。

以下URL提供jsonp格式的数据：http://demos.kendoui.com/service/Products

然而，我所做的唯一更改是使用我自己的url指向简单的php来获取jsonp数据，如下所示：

<?php
header('Vary: Accept-Encoding');
header('Connection: Keep-Alive');
header('Content-Encoding: gzip');
header('Content-Length: 1743');
header('Content-Type: application/x-javascript; charset=utf-8');
echo gzencode('callback([{"ProductID":2,"ProductName":"Chang","UnitPrice":19,"UnitsInStock":17,"Discontinued":false}])');
?>

HTML源代码如下：

<！DOCTYPE html>
<html>
<头部>
<标题>ESS软件清单<标题>
<元字符集＝"；utf-8">
<链接href="kendoui/content/shared/styles/examples-offline.css"；rel＝"；样式表">
<链接href="kendoui/styles/kendo.common.min.css"；rel＝"；样式表">
<链接href="kendoui/styles/kendo.rtl.min.css"；rel＝"；样式表">
<链接href="kendoui/styles/kendo.default.min.css"；rel＝"；样式表">

<script src="/kendoui/js/jquery.min.js">lt/脚本>
<script src="/kendoui/js/kendo.web.min.js">lt/脚本>
<script src="/kendoui/content/shared/js/console.js">lt/脚本>
<脚本>

<脚本>
<头部>

<身体>

<一个类＝"；脱机按钮"；href="index.html">返回<a>

<div id＝"；示例"；class＝"；k含量">
<div id＝"；网格">lt/div>

<脚本>
$(document).ready(function(){
var crudServiceBaseUrl="http://dnettools/essinventory/cgi-bin">
//var crudServiceBaseUrl="http://demos.kendoui.com/service">
dataSource=new kendo.data.dataSource(｛
transport:｛
read:｛
url:crudServiceBaseUrl+"/products.php；，
/url:crudServiceBaseUrl+"/products">
}，
销毁：｛
url:crudServiceBaseUrl+"/products.php；，
dataType:"jsonp">
｝，url:crudServiceBaseUrl+"/products.php"br/>return｛models:kendo.stringfy(options.models)｝
}
}
}，
batch:true，
pageSize:20，
架构：{
型号：{
id:"ProductID">
fields:{
ProductID:{editable:false，nullable:true}，
ProductName:{validation:{required:true}｝，
单价：{type:"number；，validation:｛required:true，min:1｝｝，已停产：{type:&quot布尔值}，
UnitsInStock:｛type:"number"validation:｛min:0，required:true｝｝
}
｝
｝)

$("#grid").kendoGrid"，格式："｛0:c｝"，宽度：110｝，
｛字段："库存单位"，标题："库存单元"，宽度：110｝，
{字段："已停产"宽度：110}，
{命令："销毁"，标题； ，宽度：90｝]，
可编辑：true
})
})
<脚本>
<div>

<身体>
<html>

必须使用这个：因为返回的jsonp应该具有动态回调名称

parse_str($_SERVER['QUERY_STRING']);  <br/>  echo &quot;$callback&quot; . '([{&quot;ProductID&quot;:1,&quot;ProductName&quot;:&quot;Chai&quot;,&quot;UnitPrice&quot;:18,&quot;UnitsInStock&quot;:39,&quot;Discontinued&quot;:false},{&quot;ProductID&quot;:2,&quot;ProductName&quot;:&quot;Chang&quot;,&quot;UnitPrice&quot;:19,&quot;UnitsInStock&quot;:17,&quot;Discontinued&quot;:false},{&quot;ProductID&quot;:3,&quot;ProductName&quot;:&quot;Aniseed Syrup&quot;,&quot;UnitPrice&quot;:10,&quot;UnitsInStock&quot;:13,&quot;Discontinued&quot;:false},{&quot;ProductID&quot;:4,&quot;ProductName&quot;:&quot;Chef Antonu0027s Cajun Seasoning&quot;,&quot;UnitPrice&quot;:22,&quot;UnitsInStock&quot;:53,&quot;Discontinued&quot;:false}])';

相关内容

最新更新

热门标签：