Kendo ui 剑道网格远程分组数据的方法是什么?

Kendo ui 剑道网格远程分组数据的方法是什么?,kendo-ui,kendo-grid,kendo-asp.net-mvc,Kendo Ui,Kendo Grid,Kendo Asp.net Mvc,我有来自服务器的数据,比如 Id AppId 1 23 2 28 1 69 1 123 在剑道格网上是怎样做到这一点的 Id AppId 1 23,69,123 2 28 您可以使用数据源的组功能: var data = [ {Id: 1, AppId: 23}, {Id: 2, AppId: 28}, {Id: 1, AppId: 69}, {Id: 1, AppId: 123},

我有来自服务器的数据,比如

Id    AppId
1     23
2     28
1     69
1     123
在剑道格网上是怎样做到这一点的

Id    AppId
1     23,69,123
2     28

您可以使用数据源的组功能:

var data = [
    {Id: 1, AppId: 23},
    {Id: 2, AppId: 28},
    {Id: 1, AppId: 69},
    {Id: 1, AppId: 123},               
];

var ds = new kendo.data.DataSource({
      data: data,
      schema: {
          model: {
              fields: {
                  Id: { type: "number" },
                  AppId: { type: "number" },
              }
          }
      },
      group: {
          field: "Id"
      }                
});
然后,如果要按功能使用栅格编组,请执行以下操作:

$("#grid").kendoGrid({
    dataSource: ds,
    columns: [
        { field: "Id", title: "ID",  },
        { field: "AppId", title: "Application ID" },
    ]
});
如果需要逗号分隔的列表,请使用数据源的fetch()方法构建新的数据数组:

var groupedData = [];

ds.fetch(function(){
    var data = this.view();
    for (var i=0; i< data.length; i++){          
      var id = data[i].value;
      var text = '';
      for (var j=0; j< data[i].items.length; j++){
        text += data[i].items[j].AppId;
        if (j< data[i].items.length - 1){
         text += ','; 
        }
      }
      groupedData.push({Id: id, AppId: text});          
    }
});

$("#grid2").kendoGrid({
    dataSource: groupedData,
    columns: [
        { field: "Id", title: "ID",  },
        { field: "AppId", title: "Application ID" },
    ]
});
var groupedData=[];
fetch(函数(){
var data=this.view();
对于(var i=0;i
以下DOJO提供了两个选项: