Question

我对kendo ui很新，我目前无法通过调用更新操作使数据源运行同步进行写入。

我想要完成的是从json文件读取默认数据，如果对数据进行了任何更新，我想将其作为json保存到本地存储。

我能够使读取工作，并显示数据，但由于某种原因，我不能用dataSource.sync（）激发更新操作我的代码在这里

dataSource = new kendo.data.DataSource({
    transport: {
        read: function (options) {
            try {
                options.cached = false;
                //window.localStorage.removeItem("data");
                // window.localStorage.clear();
                // window.localStorage.setItem("data", null);
                var data = window.localStorage.getItem("data");

                if (data == null || data == undefined) {
                    console.log("ricarico");
                    data = new Object();


                    jQuery.getJSON("data/live.json", function (items) {
                        data.sections = new kendo.data.ObservableArray([]);
                        for (var i = 0; i < items.length; i++)
                        data.sections.push(new kendo.data.ObservableObject(items[i]));

                        options.success(data.sections);

                        window.localStorage.setItem("data", JSON.stringify(data));
                    });
                } else {
                    data = JSON.parse(data);
                    console.log("items " + data.sections[0].items.length);
                    options.success(data.sections);
                }


            } catch (err) {
                console.log(err.message);
            }
        },

        update: function (options) {
            try {
                console.log("try updated!");
                var data = window.localStorage.getItem("data");
                data.sections = options.data;
                window.localStorage.setItem("data", data);
                var result = getResult(options);
                options.success(result);
                console.log("updated!");
            } catch (err) {
                console.log("livegreen update: " + err.message);
            }
        },
        change: function (options) {
            console.log("change!");
        },
        destroy: function (options) {
            console.log("change!");
        }
    }
});

Answer 1

我发现问题是我自己的，问题是如果你没有在数据源上定义架构，显然数据源不能触发更新事件。所以假设你的对象有一个名为id的主键，你的代码就是这样，看看添加的schema属性。

dataSource = new kendo.data.DataSource({
        schema: {
           model: { id: "id" }
        },
        transport: {
            read: function (options) {
                try {
       .........................

未调用Icenium Kendo UI数据源更新

1 个答案: