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提供了两个选项: