备注:
treelist初始化代码中url地址写的是本地的json数据:
read: { url:"json/userTest.json" }
请求类型都是用“post”
chrome控制台看到的userTest.json数据返回值如下:
现在的问题是json数据请求成功了,控制台并没有报错。这是json数据的问题还是别的什么原因?
附上json文件:
[{"id":1,"EmployeeId":0001,"ReportsTo":80010001,"FirstName":"zhang","LastName":"San","HireDate":"2016-02-08 20:08:08","Phone":"huawei","HireDate":"2015-08-09 11:11:11","BirthDate":"1968-01-09 02:19:02","Extension":"1123223123","Position":"上边"},
{"id":1,"EmployeeId":0001,"ReportsTo":80010001,"FirstName":"zhang","LastName":"San","HireDate":"2016-02-08 20:08:08","Phone":"huawei","HireDate":"2015-08-09 11:11:11","BirthDate":"1968-01-09 02:19:02","Extension":"1123223123","Position":"上边"},
{"id":1,"EmployeeId":0001,"ReportsTo":80010001,"FirstName":"zhang","LastName":"San","HireDate":"2016-02-08 20:08:08","Phone":"huawei","HireDate":"2015-08-09 11:11:11","BirthDate":"1968-01-09 02:19:02","Extension":"1123223123","Position":"上边"}]
kendoui-treelist-初始化代码如下:
$(document).ready(function () {
var crudServiceBaseUrl = "",
dataSource = new kendo.data.TreeListDataSource({
transport: {
read: {
url:"json/userTest.json"
},
update: {
url: "index/test/update",
type: "POST",
},
destroy: {
url: "index/test/del",
type: "POST",
},
create: {
url: "index/test/add",
type: "POST",
},
parameterMap: function(options, operation) {
if (operation !== "read" && options.models) {
// return {models: kendo.stringify(options.models)};
console.info(options.models[0]);
return options.models[0];
}else{
var parameter = {
page: options.page,
pageSize: options.pageSize,
};
console.info(kendo.stringify(parameter));
return parameter;
}
}
},
batch: true,
pageSize: 20,
serverPaging:true,
schema: {
model: {
id:"id",
parentId:"ReportsTo",
fields: {
EmployeeId: { type: "number", editable: false, nullable: false },
ReportsTo: { nullable: true, type: "number" },
FirstName: { validation: { required: true } },
LastName: { validation: { required: true } },
HireDate: { type: "date" },
Phone: { type: "string" },
HireDate: { type: "date" },
BirthDate: { type: "date" },
Extension: { type: "number", validation: { min: 0, required: true } },
Position: { type: "string" }
},
expanded: true
}
}
});
$("#toolbar").kendoToolBar({
items: [
{ name:"create",type: "button", text: "新增", overflow: "never",click: buttonClickHandler },]
});
$("#treelist").kendoTreeList({
dataSource: dataSource,
editable: "inline",
height: 540,
columns: [
{ field: "FirstName", expandable: true, title: "First Name", width: 220 },
{ field: "LastName", title: "Last Name", width: 100 },
{ field: "Position" },
{ field: "HireDate", title: "Hire Date", format: "{0:MMMM d, yyyy}" },
{ field: "Phone", title: "Phone" },
{ field: "Extension", title: "Ext", format: "{0:#}" },
{ title: "Edit", command: [ "edit", "destroy" ], width: 250,
attributes: {
style: "text-align: center;"
}
}
]
});
});