在我的项目中,我想从jquery文件初始化Kendo Grid。我创建了一个.js文件,我在其中创建了一个函数
function initializeGrid(gridName, url, onSelectFunction) {
onSelectFunction = onSelectFunction || null;
$("#" + gridName).kendoGrid({
dataSource: {
type: "json",
transport: {
read: url
},
schema: {
model: {
fields: {
ClientID: {type: "number"},
Client:{type: "string"}
}
}
},
pagesize: 30,
Paging: true,
Filtering: true,
},
selectable: "multiple cell",
filterable: true,
columns: [
{ field: "ClientID" },
{ Template: ("<input type='checkbox' id='#:data.ClientID#' class='k-checkbox'/><label class='k-checkbox-label' onclick='event.stopPropagation()' for='#:data.ClientID#'></label>") },
{ field: "Client" }
]
});
$("#" + gridName).attr("data-val-number", "Invalid input.");
}
此函数接受控件名称和url以从参数加载数据源。在另一个.js文件中,我有通过调用前面的函数来加载控件的所有代码。
initializeGrid("client", "/Clients/GetDataForGrid", null);
问题是,当我运行程序时,它不会创建网格并加载数据而是显示没有数据的下拉列表。我检查了http://docs.telerik.com/kendo-ui/api/javascript/ui/grid?utm_medium=social-owned&linkId=38973492以供参考但没有用。
我真的很感激这里的帮助。