小编Sea*_*ean的帖子

使用localStorage缓存Kendo UI DataSource对象

我正在使用带有外部XML DataSource的Kendo UI ComboBox.这是DataSource代码:

try
    {
        var csDataSrc = new kendo.data.DataSource(
        {
            transport:
        {
            read: "Data/StateList.xml",
            dataType: "xml",
            create: { cache: true }
        },
        schema:
        {
            type: "xml",
            data: "/States/State",
            model:
            {
                fields:
                {
                    id: "id/text()",
                    name: "name/text()"
                }
            }
        }
    });
    csDataSrc.read();
}
catch (err)
{
    log.error(err.message);
}
Run Code Online (Sandbox Code Playgroud)

这创建了数据源,这是创建kendo组合框的代码:

$("#stateList").kendoComboBox(
{
    index: 0,
    placeholder: "Begin typing Coverage State...",
    dataTextField: "name",
    dataValueField: "id",
    filter: "contains",
    dataSource: csDataSrc,
    text: $("#hdnStateName").val(),
    value: $("#hdnStateKey").val(),
    change: function(e)
    {
        $("#hdnStateKey").val(this.value());
        $("#hdnStateName").val(this.text());
    }
});
Run Code Online (Sandbox Code Playgroud)

这非常有效,但真实列表的数据是巨大的,我想将它存储在本地存储中,如下所示:localStorage.setItem("state_key",csDataSrc); 然后,当页面加载而不是始终从服务器端xml构建和读取时,我希望它是这样的: …

local-storage kendo-ui

4
推荐指数
1
解决办法
8122
查看次数

标签 统计

kendo-ui ×1

local-storage ×1