我最近遇到了 Kendo UI 的问题,我有 1 个数据源,它被 3 个网格使用。这一切都有效,但由于某种原因,网格的样式由于缺乏更好的词而被“拆除”。
如果我从网格 A 过滤数据源,网格 A 看起来不错,但网格 B 和 C 看起来像这样(不要介意列中的名字“错误”):
如果我从网格 B 中过滤数据源,现在网格 B 看起来不错,但网格 A 和 C 看起来会“被拆除”。可能是什么问题呢?
网格 A:
$('#grid-a').kendoGrid({
autoBind: false,
dataSource: emp_ds,
toolbar: kendo.template($("#mainlist-template").html()),
scrollable: true,
sortable: true,
selectable: 'row',
pageable: {
input: true,
},
columns: [{
field: "id",
title: "ID",
width: 100
},{
field: "firstname",
title: "Firstname"
},{
field: "lastname",
title: "Lastname"
}
]
});
网格 B:
$('#grid-b').kendoGrid({
autoBind: false,
dataSource: emp_ds,
toolbar: kendo.template($("#emplist-template").html()),
scrollable: true,
sortable: true,
selectable: 'row',
pageable: {
input: true,
},
columns: [{
field: "id",
title: "ID",
width: 100
},{
field: "firstname",
title: "Firstname"
},{
field: "lastname",
title: "Lastname"
},{
command: {
text: 'Select',
click: function(e) {
e.preventDefault();
if(employeeSelectSwitch == 2) {
return;
}
varholder.curUid = $(e.currentTarget).closest("tr").data('uid');
$('#daterange-dialog').data('kendoWindow').center().open();
}
},
width: 140
}]
});
数据源:
emp_ds = new kendo.data.DataSource({
transport: {
read: {
dataType: 'json',
url: url.employeeList
}
},
schema: {
model: {
fields: {
id: { type: 'number' },
firstname: { type: 'string' },
lastname: { type: 'string' },
}
}
},
pageSize: 15
});