Javascript 来自ajax调用的Kendo UI/set数据源

我开始使用KendoUIEditableGrid，但我想设置自己的数据源，该数据源来自php脚本，该脚本回显一组对象（从原始KendoUIDataSource复制/粘贴）。 问题是网格中没有填充任何内容。 这是我的html文件的内容。 `背

$（文档）.ready（函数（）{
var crudServiceBaseUrl=”http://localhost/telererik-kendoui",
dataSource=新建kendo.data.dataSource({
运输：{
阅读：{
url:“../datasource.php”，
数据类型：“json”，
键入：“获取”，
contentType:“应用程序/json；字符集=utf-8”，
缓存：false
},
/*更新：{
url:crudServiceBaseUrl+“/Products/Update”，
数据类型：“jsonp”
},
销毁：{
url:crudServiceBaseUrl+“/Products/Destroy”，
数据类型：“jsonp”
},
创建：{
url:crudServiceBaseUrl+“/Products/Create”，
数据类型：“jsonp”
},*/
parameterMap：功能（选项、操作）{
if（操作！=“读取”&&options.models）{
返回{models:kendo.stringify（options.models）}；
}
}
},
批次：对，
页面大小：20，
模式：{
型号：{
id:“产品id”，
字段：{
ProductID:{可编辑：false，可空：true}，
产品名称：{验证：{必需：true}}，
单价：{type:“number”，验证：{required:true，min:1}，
中止：{type:“boolean”}，
UnitsInStock:{type:“number”，验证：{min:0，必需：true}
}
}
}
});
$（“#网格”）.kendoGrid({
数据源：数据源，
可导航：是的，
pageable:对，
身高：550，
工具栏：[“创建”、“保存”、“取消”]，
栏目：[
“产品名称”，
{字段：“单价”，标题：“单价”，格式：{0:c}，宽度：120}，
{字段：“单位库存”，标题：“库存单位”，宽度：120}，
{字段：“中断”，宽度：120}，
{命令：“销毁”，标题：，宽度：120}]，
可编辑：真
});
});
`

我的datasource.php文件的内容如下

---

我不太熟悉php，但我已经为您演示了php文件中的数据

将数据源调用为函数read，这样您就可以更灵活地为得到的结果执行任何操作

 read: function (options) {

                var result=[{'ProductID':1,'ProductName':'Chai','UnitPrice':18,'UnitsInStock':39,'Discontinued':false},{'ProductID':2,'ProductName':'Chang','UnitPrice':19,'UnitsInStock':17,'Discontinued':false},{'ProductID':3,'ProductName':'Aniseed Syrup','UnitPrice':10,'UnitsInStock':13,'Discontinued':false}]


                options.success(result);
}


您可以在这里查看剑道文档，了解如何从php文件返回json:
转到链接。希望这对你有帮助。
 read: function (options) {

                var result=[{'ProductID':1,'ProductName':'Chai','UnitPrice':18,'UnitsInStock':39,'Discontinued':false},{'ProductID':2,'ProductName':'Chang','UnitPrice':19,'UnitsInStock':17,'Discontinued':false},{'ProductID':3,'ProductName':'Aniseed Syrup','UnitPrice':10,'UnitsInStock':13,'Discontinued':false}]


                options.success(result);
}