javascript - 使用 javascript 对象设置 Kendo UI 数据源

Question

刚开始尝试使用 Kendo UI，我对如何使用标准 javascript 对象作为数据源感到困惑。

最初从 javascript 对象加载数据很容易，但我希望能够在通过用户交互发生更改后取回数据。

最好，如果这个对象以某种方式与小部件同步，那么所有要做的就是读/写这个 javascript 对象。

我们的数据:

var _data = [
{
    eventID: 8,
    title: "Group meeting.",
    start: new Date("2013/06/13 07:00"),
    end: new Date("2013/06/13 08:30"),
    pending:false,
    recurrenceRule: "",
    recurrenceException: "",
    description: "Take my brother to his group meeting.",
    isAllDay:false,
    ownTimeSlot:true,
    careAssistantId: 5,
    clientId: 6
},{
    eventID: 9,
    title: "Make dinner.",
    start: new Date("2013/06/13 11:00"),
    end: new Date("2013/06/13 13:30"),
    pending:true,
    recurrenceRule: "",
    recurrenceException: "",
    description: "Make dinner for my mom.",
    isAllDay:false,
    ownTimeSlot:true,
    careAssistantId: 5,
    clientId: 6
} ];

初始化小部件:

function save(){
   console.log(_data);    
}

$('.schedule').kendoScheduler({
        date: new Date("2013/6/13"),
        startTime: new Date("2013/6/13 07:00 AM"),
        height: 600,
        views: [ { type: "week", selected: true }],
        save: save,
        dataSource:_data
});

这是要测试的代码设置(注意保存时的 console.log 调试):

http://jsfiddle.net/t23Ce/11/

在 Kendo UI 世界中应该如何读/写“状态”？

Answer 1

一个简单的数组不能提供变化跟踪，所以它被转换成一个DataSource当您创建小部件时。您可以通过多种方式访问​​数据的当前状态:

1. 得到一个数组来遍历all data : dataSource.data()
2. 访问specific item : dataSource.at(1)
3. 获取filtered data : datasource.view()
4. 得到一个pure JS array返回:dataSource.data().toJSON()