Kendo ui 将数据绑定到剑道ui调度程序

我已经设法让剑道UI调度程序工作到添加资源、创建新事件和保存新事件的程度。但是，我无法从asp.net web api获取数据并显示它。有人能举例说明如何将其绑定到以下数据：

[{"Client":{"ID":1,"Name":"Ford Motor Company","IsActive":true,"DisplayColor":null},"ID":7,"StartDateTime":"2014-04-14T11:00:00","EndDateTime":"2014-04-14T11:30:00","Title":"sdfsdf","Description":"","IsAllDay":false,"Resources":[{"Name":"Eric Longsdorf","ID":1,"IsActive":true,"PhoneNumber":null}],"EquipmentItems":[{"ID":1,"Description":"Truck # 1","IsActive":true,"Status":1}]},{"Client":{"ID":1,"Name":"Ford Motor Company","IsActive":true,"DisplayColor":null},"ID":8,"StartDateTime":"2014-04-14T11:00:00","EndDateTime":"2014-04-14T11:30:00","Title":"Test","Description":"Thee","IsAllDay":false,"Resources":[{"Name":"Eric Longsdorf","ID":1,"IsActive":true,"PhoneNumber":null}],"EquipmentItems":[{"ID":1,"Description":"Truck # 1","IsActive":true,"Status":1}]},{"Client":{"ID":1,"Name":"Ford Motor Company","IsActive":true,"DisplayColor":null},"ID":9,"StartDateTime":"2014-04-14T11:00:00","EndDateTime":"2014-04-14T11:30:00","Title":"yrtyr","Description":"dfg","IsAllDay":false,"Resources":[{"Name":"Eric Longsdorf","ID":1,"IsActive":true,"PhoneNumber":null},{"Name":"Jim Smith","ID":3,"IsActive":true,"PhoneNumber":null}],"EquipmentItems":[{"ID":1,"Description":"Truck # 1","IsActive":true,"Status":1},{"ID":3,"Description":"Vacuum 26","IsActive":true,"Status":1}]},{"Client":{"ID":1,"Name":"Ford Motor Company","IsActive":true,"DisplayColor":null},"ID":10,"StartDateTime":"2014-04-14T11:00:00","EndDateTime":"2014-04-14T11:30:00","Title":"","Description":"","IsAllDay":false,"Resources":[{"Name":"Eric Longsdorf","ID":1,"IsActive":true,"PhoneNumber":null}],"EquipmentItems":[{"ID":1,"Description":"Truck # 1","IsActive":true,"Status":1},{"ID":2,"Description":"Truck # 2","IsActive":true,"Status":3}]},{"Client":{"ID":1,"Name":"Ford Motor Company","IsActive":true,"DisplayColor":null},"ID":11,"StartDateTime":"2014-04-14T11:30:00","EndDateTime":"2014-04-14T12:00:00","Title":"fgdfg","Description":"dfg","IsAllDay":false,"Resources":[{"Name":"Eric Longsdorf","ID":1,"IsActive":true,"PhoneNumber":null}],"EquipmentItems":[{"ID":2,"Description":"Truck # 2","IsActive":true,"Status":3},{"ID":1,"Description":"Truck # 1","IsActive":true,"Status":1}]},{"Client":{"ID":1,"Name":"Ford Motor Company","IsActive":true,"DisplayColor":null},"ID":1008,"StartDateTime":"2014-04-14T11:00:00","EndDateTime":"2014-04-14T11:30:00","Title":"sdfsd","Description":"sdf","IsAllDay":false,"Resources":[{"Name":"Eric Longsdorf","ID":1,"IsActive":true,"PhoneNumber":null}],"EquipmentItems":[{"ID":1,"Description":"Truck # 1","IsActive":true,"Status":1},{"ID":2,"Description":"Truck # 2","IsActive":true,"Status":3}]},{"Client":{"ID":1,"Name":"Ford Motor Company","IsActive":true,"DisplayColor":null},"ID":1009,"StartDateTime":"2014-04-14T11:00:00","EndDateTime":"2014-04-14T11:30:00","Title":"sdfsd","Description":"sdf","IsAllDay":false,"Resources":[{"Name":"Eric Longsdorf","ID":1,"IsActive":true,"PhoneNumber":null}],"EquipmentItems":[{"ID":2,"Description":"Truck # 2","IsActive":true,"Status":3},{"ID":1,"Description":"Truck # 1","IsActive":true,"Status":1}]}]

---

请尝试使用下面的代码段

<div id="scheduler">
</div>

<script>

    var test = '[{ "Client": { "ID": 1, "Name": "Ford Motor Company", "IsActive": true, "DisplayColor": null }, "ID": 7, "StartDateTime": "2014-04-15T11:00:00", "EndDateTime": "2014-04-15T11:30:00", "Title": "First Meeting", "Description": "", "IsAllDay": false, "Resources": [{ "Name": "Eric Longsdorf", "ID": 1, "IsActive": true, "PhoneNumber": null}], "EquipmentItems": [{ "ID": 1, "Description": "Truck # 1", "IsActive": true, "Status": 1}] }, { "Client": { "ID": 1, "Name": "Ford Motor Company", "IsActive": true, "DisplayColor": null }, "ID": 8, "StartDateTime": "2014-04-14T11:00:00", "EndDateTime": "2014-04-14T11:30:00", "Title": "Test", "Description": "Thee", "IsAllDay": false, "Resources": [{ "Name": "Eric Longsdorf", "ID": 1, "IsActive": true, "PhoneNumber": null}], "EquipmentItems": [{ "ID": 1, "Description": "Truck # 1", "IsActive": true, "Status": 1}] }, { "Client": { "ID": 1, "Name": "Ford Motor Company", "IsActive": true, "DisplayColor": null }, "ID": 9, "StartDateTime": "2014-04-14T11:00:00", "EndDateTime": "2014-04-14T11:30:00", "Title": "yrtyr", "Description": "dfg", "IsAllDay": false, "Resources": [{ "Name": "Eric Longsdorf", "ID": 1, "IsActive": true, "PhoneNumber": null }, { "Name": "Jim Smith", "ID": 3, "IsActive": true, "PhoneNumber": null}], "EquipmentItems": [{ "ID": 1, "Description": "Truck # 1", "IsActive": true, "Status": 1 }, { "ID": 3, "Description": "Vacuum 26", "IsActive": true, "Status": 1}] }, { "Client": { "ID": 1, "Name": "Ford Motor Company", "IsActive": true, "DisplayColor": null }, "ID": 10, "StartDateTime": "2014-04-14T11:00:00", "EndDateTime": "2014-04-14T11:30:00", "Title": "", "Description": "", "IsAllDay": false, "Resources": [{ "Name": "Eric Longsdorf", "ID": 1, "IsActive": true, "PhoneNumber": null}], "EquipmentItems": [{ "ID": 1, "Description": "Truck # 1", "IsActive": true, "Status": 1 }, { "ID": 2, "Description": "Truck # 2", "IsActive": true, "Status": 3}] }, { "Client": { "ID": 1, "Name": "Ford Motor Company", "IsActive": true, "DisplayColor": null }, "ID": 11, "StartDateTime": "2014-04-14T11:30:00", "EndDateTime": "2014-04-14T12:00:00", "Title": "fgdfg", "Description": "dfg", "IsAllDay": false, "Resources": [{ "Name": "Eric Longsdorf", "ID": 1, "IsActive": true, "PhoneNumber": null}], "EquipmentItems": [{ "ID": 2, "Description": "Truck # 2", "IsActive": true, "Status": 3 }, { "ID": 1, "Description": "Truck # 1", "IsActive": true, "Status": 1}] }, { "Client": { "ID": 1, "Name": "Ford Motor Company", "IsActive": true, "DisplayColor": null }, "ID": 1008, "StartDateTime": "2014-04-14T11:00:00", "EndDateTime": "2014-04-14T11:30:00", "Title": "sdfsd", "Description": "sdf", "IsAllDay": false, "Resources": [{ "Name": "Eric Longsdorf", "ID": 1, "IsActive": true, "PhoneNumber": null}], "EquipmentItems": [{ "ID": 1, "Description": "Truck # 1", "IsActive": true, "Status": 1 }, { "ID": 2, "Description": "Truck # 2", "IsActive": true, "Status": 3}] }, { "Client": { "ID": 1, "Name": "Ford Motor Company", "IsActive": true, "DisplayColor": null }, "ID": 1009, "StartDateTime": "2014-04-14T11:00:00", "EndDateTime": "2014-04-14T11:30:00", "Title": "sdfsd", "Description": "sdf", "IsAllDay": false, "Resources": [{ "Name": "Eric Longsdorf", "ID": 1, "IsActive": true, "PhoneNumber": null}], "EquipmentItems": [{ "ID": 2, "Description": "Truck # 2", "IsActive": true, "Status": 3 }, { "ID": 1, "Description": "Truck # 1", "IsActive": true, "Status": 1}]}]';

    $(function () {
        $("#scheduler").kendoScheduler({
            height: 600,
            views: [
        "day",
        { type: "workWeek", selected: true },
        "week",
        "month",
        "agenda"
    ],
            timezone: "Etc/UTC",
            dataSource: {
                data: eval(test),
                schema: {
                    model: {
                        id: "ID",
                        fields: {
                            taskId: { from: "ID", type: "number" },
                            title: { from: "Title" },
                            start: { type: "date", from: "StartDateTime" },
                            end: { type: "date", from: "EndDateTime" },
                            //startTimezone: { from: "StartTimezone" },
                            //endTimezone: { from: "EndTimezone" },
                            description: { from: "Description" },
                            //recurrenceId: { from: "RecurrenceID" },
                            //recurrenceRule: { from: "RecurrenceRule" },
                            //recurrenceException: { from: "RecurrenceException" },
                            //ownerId: { from: "OwnerID", defaultValue: 1 },
                            isAllDay: { type: "boolean", from: "IsAllDay" }
                        }
                    }
                }
            }
        });
    });
</script>

var测试=“[{”客户“：{”ID“：1，“名称“：”福特汽车公司“，”IsAllDay“：false，“资源“：[{”名称“：”Eric Longsdorf“，”ID“：7，”StartDateTime“，”2014-04-15T11:30:00“，”EndDateTime“：”2014-04-15T11:30:00“，”标题“：”第一次会议“，”描述“，”IsAllDay“：”false，“资源“：：”：[{”名称“：”Eric Longsdorf“，”ID“：1，“IsActive“，”真，“电话号码“，”，“设备项”：[{“ID”：1，“描述”：“卡车1”，“IsActive”：true，“状态”：1}]，{“客户”：{“ID”：1，“名称”：“福特汽车公司”，“IsActive”：true，“DisplayColor”：null}，“ID”：8，“StartDateTime”：“2014-04-14T11:00:00”，“EndDateTime”：“2014-04-14T11:30:00”，“标题”：“测试”，“描述”：“电子”，“IsAllDay”：false，“资源”：[{“姓名”：“埃里克·朗斯多夫”，“ID”：1，“IsActive”：真，“电话号码”：空}]，“设备项”：[{“ID”：1，“描述”：“卡车1”，“IsActive”：真，“状态”：1}]，{“客户”：{“ID”：1，“名称”：“福特汽车公司”，“IsActive”：真，“DisplayColor”：空}，“ID”：9，“StartDateTime”：“2014-04-14T11:00:00”，“EndDateTime”：“2014-04-14T11:30:00”，“Title:”yrtyr“，”Description:”dfg“，”IsAllDay“：false，“Resources:”[{“Name:”Eric Longsdorf“，”ID:”1，“IsActive:”true“，”PhoneNumber:”null}，“，”设备项“：”[{“ID:”1，“Description:”Truck#1“，”IsActive:”true，“Status:”1}，{“ID:”3，”描述“：”真空26“，”IsActive“：”真“，”状态“：”1}]，”客户“：”福特汽车公司“，”IsActive“：”真“，”DisplayColor“：”空“，”ID“：”10，“StartDateTime“：”2014-04-14T11:00:00“，”EndDateTime“：”2014-04-14T11:30:00“，”标题“，”描述“：”IsAllDay“，”假，“资源“：[{”名称“：”埃里克·朗多夫“，”ID“：”1，”IsActive:true，“PhoneNumber:null}]，“EquipmentItems:“{”ID:1，“Description:“Truck#1”，“IsActive:true，”Status:1}，{”ID:2，“Description:“Truck#2”，“IsActive:true，”Status:3}]，“{”客户：{”ID:1，“Name:“福特汽车公司”，“IsActive:true”，“DisplayColor:null}，”ID:“11，“StartDateTime:”2014-04-14T11:30:00“，”EndDateTime“：”2014-04-14T12:00:00“，”标题“：”fgdfg“，”描述“：”dfg“，”IsAllDay“：false，“资源“：[{”姓名“：”Eric Longsdorf“，”ID“：1，“IsActive”：true，“PhoneNumber”：null}]，”设备项“：[{”ID“：2，“描述“：”卡车“，”IsActive“，”true，“状态“：”3}，{”ID“：1，“描述“：”卡车“，”1”，“IsActive“，”true，“状态”：1}]}，{“客户”：{“ID”：1，“名称”：“福特汽车公司”，“IsActive”：true，“DisplayColor”：null}，“ID”：1008，“StartDateTime”：“2014-04-14T11:00:00”，“EndDateTime”：“2014-04-14T11:30:00”，“标题”：“sdfsd”，“描述”：“sdf”，“IsAllDay”：false，“资源”：[{“名称”：“Eric Longdorf”，“ID”：1，“IsActive”：true，“电话号码”：null}]，“设备项”：[{“ID”：1，“描述”：“卡车1”，“IsActive”：true，“状态”：1}，{“ID”：2，“描述”：“卡车2”，“IsActive”：true，“状态”：3}]，{“客户”：{“ID”：1，“名称”：“福特汽车公司”，“IsActive”：true，“显示颜色”：null}，“ID”：1009，“开始日期时间”：“2014-04-14T11:00”，“结束日期时间”：“2014-04-14T11:30:00”“，”标题“：”sdfsd“，”描述“：”sdf“，”IsAllDay“：”false“，”资源“：[{”姓名“：”Eric Longsdorf“，”ID“：”1，“IsActive“：”true“，”电话号码“：”null}]，”设备项“：[{”ID“：”2，“描述“：”卡车“，”IsActive“：”true，“状态“：”3}，{”ID“：”1，“描述“：”卡车“，”IsActive“：”true，“状态“：”1}]；
$（函数（）{
$（“#调度程序”）.kendoScheduler({
身高：600，
观点：[
“一天”，
{键入：“工作周”，选中：true}，
“一周”，
“月”，
“议程”
],
时区：“Etc/UTC”，
数据源：{
数据：评估（测试），
模式：{
型号：{
id:“id”，
字段：{
taskId:{from:“ID”，键入：“number”}，
标题：{from:“title”}，
开始：{键入：“日期”，从：“StartDateTime”}，
结束：{type:“date”，from:“EndDateTime”}，
//startTimezone:{from:“startTimezone”}，
//endTimezone:{from:“endTimezone”}，
描述：{from:“description”}，
//recurrenceId:{from:“recurrenceId”}，
//复发癌：{来自：“复发癌”}，
//recurrenceException:{from:“recurrenceException”}，
//ownerId:{from:“ownerId”，默认值：1}，
isAllDay:{type:“boolean”，from:“isAllDay”}
}
}
}
}
});
});

如果有任何问题，请告诉我