我必须根据数据库中的记录动态显示 KendoUI 拆分器。如果我的数据库中有 n 条记录,我必须显示“n-1”拆分器。在每个分区中,我必须显示具有不同数据源的 KendoGrid。我已经实现了 ajax 从数据库中获取记录,在成功函数中,取决于我能够显示所需数量的拆分器的长度。在每个拆分器中,我放了一个网格,例如,
success: function (json) {
for (var i = 0; i < json.length; i++) {
var div = document.createElement('div');
var griddatSource = new kendo.data.DataSource({
transport: {
read: {
url: "/Home/splitter",
type: "POST",
dataType: "json"
}
},
batch: false,
schema: {
model: {
id: "iD",
fields: {
iD: { type: "number" },
name: { type: "string" },
email: { type: "string" }
}
}
}
});
$('<div id = ' + json[i].name + '>').appendTo("#splitter");
$("#" + json[i].name).kendoGrid({
dataSource: griddatSource,
selectable: "multiple",
columns: [{ field: "name", title: "Name" },
{ field: "email", title: "Email"}],
editable: false
}).data("kendoGrid");
}
$("#splitter").kendoSplitter({
orientation: "horizontal"
});
}
现在,我能够动态显示拆分器,并且在每个拆分器中我都可以加载网格,但我想知道如何为不同的网格使用不同的不同数据源。
谢谢