首页 > kendoui treelist error Request failed!

kendoui treelist error Request failed!

备注:
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;"
                }
            }
        ]
    });
});
【热门文章】
【热门文章】