使用本地存储缓存Kendo数据源数据

Richard Freeman 发表于 Dev

理查德·弗里曼

我的页面具有许多相同的Kendo DropDownLists（MVC风格）。我想缓存加载页面时将用于在ajax中填充下拉列表的数据集，然后根据需要将下拉列表绑定到此本地数据对象。

目前，我正在执行以下操作以在页面加载时创建LocalStorage对象：

 $.ajax({
        url: "/Job/GetEmployees",
        type: "get",
        datatype: 'json',
        success: function (data) {
            var dataSource = new kendo.data.DataSource({
                offlineStorage: "employeesStorage",
                data: data
                });
            dataSource.read();
            return false;
        },
        error: function (msg) {
          //  tostr.error("Error: " + msg.statusText);
        }
    });

这样会成功创建一个名为employeeStorage的本地存储对象，其中包含正确的数据。

尽管进行了大量谷歌搜索，但我看不到如何利用这些数据来填充我的EditorTemplates-我得到的最接近的是：

@Modeltype models.employeesVM
@(Html.Kendo().DropDownList _
    .Name("Salesman") _
        .DataValueField("employee_id") _
        .DataTextField("LastName") _
        .DataSource(Function(s) s.Read(Function(read) read.Action("GetEmployees", "Job"))) _
        .OptionLabel("Select Employee")
)

...事实上，当我想从本地数据中填充DDL时，显然会从控制器中填充DDL。如何重新配置DDL以访问本地存储？

理查德·弗里曼

好的-Telerik支持人员提供了一些帮助，我找到了答案。

DropDownList不支持能够从本地存储中填充自身，因此只是在渲染时编写必要的JS来填充它的一种情况：

   @Modeltype models.employeesVM
   @(Html.Kendo().DropDownList _
    .Name("Salesman") _
        .DataValueField("employee_id") _
        .DataTextField("Employee") _
    .OptionLabel("Select Employee"))

<script>
    var locate = JSON.parse(localStorage.getItem("employeesStorage"));
    $("#Salesman").data("kendoDropDownList").setDataSource(locate);
</script>

简单的！

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。