c# - Kendo Grid 绑定(bind)到字符串列表

Question

我有外部网络服务，所以我的 Controller 操作只返回内部有 Kendo 网格的 View 。

服务返回给我这样的结构:

{"Form":"xxx","Fields":["xxx","xxx","xxx"]}

我只对显示 Fields 感兴趣值。问题是 Fields基本上是 List<string>不是KeyValuePair集合，所以我在将它绑定(bind)到网格时遇到了一些麻烦。

我尝试使用解析事件并以某种方式更改数据，但没有成功。

到目前为止，我认为有这样的代码:

<div id="alias-list-view" class="k-content">
    <div id="alias-list-grid" style="width: 400px"></div>
</div>

var aliasListDataSource = new kendo.data.DataSource({
   transport: {
       read: {
           url: "some_url",
           dataType: "json"
       }
   },
    schema: {
        data: "Fields",
        parse: function (data) {
            $.each(data, function (index, item) {
                // not sure what to do
            });
        }
    },
   pageSize: 10
});


$("#alias-list-grid").kendoGrid({
    autoBind: false,
    dataSource: aliasListDataSource,
    pageable: true
});

Answer 1

您可以按如下方式定义parse 函数:

parse: function (data) {
    var fields = data.Fields;
    var result = [];
    $.each(fields, function (index, item) {
        result.push({field: item })
    });
    return result;
}

然后是 Grid:

$("#alias-list-grid").kendoGrid({
    dataSource: aliasListDataSource,
    pageable  : true
});

即grid 有一列我们称为 field 并且在解析函数中我们迭代(正如您已经在做的那样)并组成 field< 的键值对:值。

示例:http://jsfiddle.net/OnaBai/BEM3S/