Php 剑道UI的JSONP响应不填充网格_Php_Jsonp_Kendo Grid

Php 剑道UI的JSONP响应不填充网格

php

Php 剑道UI的JSONP响应不填充网格,php,jsonp,kendo-grid,Php,Jsonp,Kendo Grid,请给我你的建议以下URL提供jsonp格式的数据：然而，我所做的唯一更改是使用我自己的指向简单php的url来获取jsonp数据，如下所示： <?php header('Vary: Accept-Encoding'); header('Connection: Keep-Alive'); header('Content-Encoding: gzip'); header('Content-Length: 1743'); header('Content-Type: application/

请给我你的建议

以下URL提供jsonp格式的数据：

然而，我所做的唯一更改是使用我自己的指向简单php的url来获取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>
<head>
<title>ESS Software Inventory</title>
<meta charset="utf-8">
<link href="./kendoui/content/shared/styles/examples-offline.css" rel="stylesheet">
<link href="./kendoui/styles/kendo.common.min.css" rel="stylesheet">
<link href="./kendoui/styles/kendo.rtl.min.css" rel="stylesheet">
<link href="./kendoui/styles/kendo.default.min.css" rel="stylesheet">

<script src="./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">Back</a>

<div id="example" class="k-content">
<div id="grid"></div>

<script>
$(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",
dataType: "jsonp"
},
update: {
url: crudServiceBaseUrl + "/products.php",
dataType: "jsonp"
},
destroy: {
url: crudServiceBaseUrl + "/products.php",
dataType: "jsonp"
},
create: {
url: crudServiceBaseUrl + "/products.php",
dataType: "jsonp"
},
parameterMap: function(options, operation) {
if (operation !== "read" && options.models) {
return {models: kendo.stringify(options.models)};
}
}
},
batch: true,
pageSize: 20,
schema: {
model: {
id: "ProductID",
fields: {
ProductID: { editable: false, nullable: true },
ProductName: { validation: { required: true } },
UnitPrice: { type: "number", validation: { required: true, min: 1} },
Discontinued: { type: "boolean" },
UnitsInStock: { type: "number", validation: { min: 0, required: true } }
}
}
}
});

$("#grid").kendoGrid({
dataSource: dataSource,
navigatable: true,
pageable: true,
height: 430,
toolbar: ["create", "save", "cancel"],
columns: [
"ProductName",
{ field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: 110 },
{ field: "UnitsInStock", title: "Units In Stock", width: 110 },
{ field: "Discontinued", width: 110 },
{ command: "destroy", title: " ", width: 90 }],
editable: true
});
});
</script>
</div>

</body>
</html>

$（文档）。就绪（函数（）{"http://dnettools/essinventory/cgi-bin“，
dataSource=new kendo.data.dataSource（{
传输：{
读取：{
url:crudServiceBaseUrl+“/products.php”，
//url:crudServiceBaseUrl+“/products”，
数据类型：“jsonp”
，
更新：{
url:crudServiceBaseUrl+“/products.php”，
数据类型：“jsonp”
，
销毁：{
url:crudServiceBaseUrl+”/products.php“，
数据类型：“jsonp”
，
创建：{
url:crudServiceBaseUrl+“/products.php”，
数据类型：“jsonp”
，
parameterMap:function（options，operation）{
if（operation！=“read”&&options.models）{
返回{models:kendo.stringify（options.models）}；
}

，
批处理：true，
页面大小：20，
架构：{
模型：{
id:“产品id”，
字段：{
ProductID:{editable:false，nullable:true}，
产品名称：{validation:{required:true}，
单价：{type:“number”，验证：{required:true，min:1}，
中断：{type:“boolean”}，
单位库存：{type:“number”，验证：{min:0，必需：true}}
}
}
}
）kendoGrid（{
数据源：数据源，
可导航：真，
可分页：真，
高度：430，
工具栏：[“创建”、“保存”、“取消”]，
列：[
“产品名称”、
{field:“单价”，title:“单价”，格式：“{0:c}”，宽度：110}，
{field:“UnitsStock”，title:“库存单位”，宽度：110}，
{field:“已终止”，宽度：110}，
{command:“destroy”，title:，width:90}]，
可编辑：true
}；
；

必须使用：因为返回的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 Anton\u0027s Cajun Seasoning&quot;,&quot;UnitPrice&quot;:22,&quot;UnitsInStock&quot;:53,&quot;Discontinued&quot;:false}])';

parse_str（$\u SERVER['QUERY_STRING']）；
echo“$callback”。（[{“ProductID”：1，“产品名称”：“Chai”，“UnitPrice”：18，“UnitsInStock”：39，“contracted”：false}，{“ProductID”：2，“产品名称”：“Chang”，“UnitPrice”：19，“UnitsInStock”：17，“contracted”：false}，{“ProductID”：3，“产品名称”：“茴香糖浆”，“UnitPrice”：10，“UnitsInStock”：13，“contracted”：false}，{“ProductID”：4，“ProductName”：“Chef Anton\u0027s Cajun调味品”，“单价”：22，“单位库存”：53，“停产”：false}”）；