Kendo Listview 无法更新/刷新答案

【问题标题】：Kendo Listvew cant update / refreshKendo Listview 无法更新/刷新
【发布时间】：2014-01-10 03:23:49
【问题描述】：

我在使用按钮更新 Kendo 列表视图时遇到问题。
SubTasks_Read 函数在后面的代码中被调用并从 wcf 返回数据，但是当我绑定它时列表视图不会改变。请帮忙！！

这是我的代码：

<div class="subtasks-div">
    <div class="section-header">
        <p>Subtasks</p>
    </div>
    @(Html.Kendo().ListView<Origin.Web.AdminProxy.SubTask>(Model.SubTaskList)
        .Name("subtask-listView")
        .TagName("div")
        .ClientTemplateId("subtask-template")
        .DataSource(dataSource =>
        {
            dataSource.Read(read => read.Action("SubTasks_Read", "WorkFlow"));
            dataSource.PageSize(15);
        })
        .Selectable(selectable => selectable.Mode(ListViewSelectionMode.Single))
    )
</div>

<script>
 $(function () {
     $("#refresh-button")
     .button()
     .click(function (event) {

         var subTaskDataSource = new kendo.data.DataSource({
             transport: {
                 read: {
                     type: "GET",
                     url: "../WorkFlow/SubTasks_Read/?taskId=2",
                     dataType: "jsonp"
                 },

             },

             schema: {
                 model: {
                     fields: {
                         subTaskId: { type: "number" },
                         taskId: { type: "number" },
                         subTaskName: { type: "string" },
                         subTaskOrder: { type: "number" }
                     }
                 }
             }
         });


         $("#subtask-listView").kendoListView({
             dataSource: subTaskDataSource
         });

     });
 });

【问题讨论】：

标签： listview kendo-ui datasource kendo-asp.net-mvc

【解决方案1】：

您的代码有一些问题：

它创建一个 JSONP 数据源，而您的操作方法可能返回 JSON（存在差异）。
您的代码重新创建了不需要的 ListView。

我建议直接调用当前列表视图数据源的read方法。

$("#refresh-button")
 .button()
 .click(function (event) {
     $("#subtask-listView").data("kendoListView").dataSource.read();
 });

【讨论】：