Kendo UI的JSONP响应未填充网格

问题描述 投票:0回答:1

请给我您的建议。

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

但是,我所做的唯一更改是使用我自己的指向简单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源代码如下:

    ESS软件清单 title> <meta charset="“" utf-8> <link href="%E2%80%9C" . kendoui content shared styles examples-offline css rel="”" stylesheet> <link href="%E2%80%9D" . kendoui styles kendo.common.min.css rel="”" stylesheet> <link href="%E2%80%9D" . kendoui styles kendo.rtl.min css rel="”" stylesheet> <link href="%E2%80%9D" . kendoui styles kendo.default.min.css rel="”" stylesheet> <script src="%E2%80%9D" . kendoui js jquery.min.js> </ script> <script src =“ ./ kendoui / js / kendo.web.min.js”> </ script> <script src =“ ./ kendoui / content / shared / js / console.js”> < / script> <script> </ script> </ head> <body> <a class="offline-button" href="../index.html">返回</a> <div id =“ example”类=“ k-content”> <div id =“ grid”> </ div> <script> $(document).ready(function(){var crudServiceBaseUrl =“ http:// dnettools / essinventory / cgi-bin”, // var crudServiceBaseUrl =“ http://demos.ke ndoui.c​​om/service",dataSource =新的kendo.data.DataSource({运输:{阅读:{url:crudServiceBaseUrl +“ /products.php”,// url:crudServiceBaseUrl +“ / Products”,dataType:“ jsonp” },更新:{url:crudServiceBaseUrl +“ /products.php”,dataType:“ jsonp”},销毁:{url:crudServiceBaseUrl +“ /products.php”,dataType:“ jsonp”},创建:{url:crudServiceBaseUrl +“ /products.php”,数据类型:“ jsonp” },parameterMap:function(options,operation){if(operation!==“ read” && options.models){return {models:kendo.stringify(options.models)} ;; }}},批次:true,pageSize:20,模式:{模型:{id:“ ProductID”,字段:{ProductID:{可编辑:false,可空:true},ProductName:{验证:{必需:true}}} ,单价:{类型:“数字”,验证:{必需:true,最小值:1}},停产:{类型:“ boolean”},UnitsInStock:{类型:“数字”,验证:{最小值:0,必需:true}}}}})); $(“#grid”)。kendoGrid({dataSource:dataSource,navigatable:true,pageable:true,height:430,工具栏:[“ create”,“ save”,“ cancel”],列:[“ ProductName”, {栏位:“ UnitPrice”,标题:“ Unit Price”,格式:“ {0:c}”,宽度:110},{栏位:“ UnitsInStock”,标题:“ Units InStock”,宽度:110},{字段:“停产”,宽度:110},{命令:“ destroy”,标题:“&nbsp;”,宽度:90}],可编辑:true}); }); </ script> </ div> </ body> </ html></pre>    </div>        <p class="desc">请给我您的建议。以下URL提供jsonp格式的数据:http://demos.kendoui.c​​om/service/Products但是,我所做的唯一更改是使用我自己的指向简单php的url来获取jsonp ...</p></div> <div class="answers"><div class="answer" vote="0" tick="True"> <div class="post-text" itemprop="text"><p>必须使用:因为返回的jsonp应该具有动态回调名称</p><pre><code> 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 Anton\u0027s Cajun Seasoning&quot;,&quot;UnitPrice&quot;:22,&quot;UnitsInStock&quot;:53,&quot;Discontinued&quot;:false}])';
</code></pre>    </div>    </div></div></div></script>
php jsonp kendo-grid
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.