从JQuery初始化并加载Kendo Grid

时间:2017-07-05 11:10:41

标签: javascript jquery telerik kendo-grid kendo-asp.net-mvc

在我的项目中,我想从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以供参考但没有用。

我真的很感激这里的帮助。

0 个答案:

没有答案