Question

嗨我有一个Kendo网格工作正常，但我想知道是否有可能添加另一个确切的点击按钮，所以我可以有相同网格的多个实例？

我从sql数据库获取所有数据。

我的网格代码是 - ＆gt;

function DisplaySearch() {
    var textS = $('#searchBox').val();
    Textvalue = textS; 
    $.ajax({
        type: "post",
        data: JSON.stringify({
            search_string: Textvalue,
        }),
        url: "Search.aspx/display_search",
        dataType: "json",
        contentType: 'application/json',
        success: function (object) {
            response(object);
        },
        complete: function (object) {
        },
        error: function (object) {
        }
    });
    function response(object) {
        $("#searchGrid").kendoGrid({
            dataSource: {
                data: object.d,
                schema: {
                    model: {
                        archive_header_key: { type: "number" },
                        group_Name: { type: "string" },
                        Server: { type: "string" },
                        archive: { type: "string" },
                        display_name: { type: "string" },
                        file_written: { type: "number" },
                        session_ID: { type: "string" },
                    },
                },
                pageSize: 20,                   
            },
            reorderable: true,
            navigatable: true,
            selectable: "multiple",              
            scrollable: true,
            sortable: true,
            filterable: false,
            columnMenu: true,
            pageable: {
                input: true,
                numeric: true
            },
            columns: [
            { field: "archive_header_key", title: "Key", width: 50 },
            { field: "Server", title: "Server", width: 75 },
            { field: "group_Name", title: "Group", width: 75 },
            { field: "archive", title: "Archive", width: 50 },
            { field: "display_name", title: "Display name", width: 300 },
            { field: "file_written", title: "Files", width: 50 },
            { field: "session_ID", title: "Session", width: 200 },
            ]       
        });          
    }       
};

任何帮助将不胜感激。

Answer 1

当然可以！您只需要确保网格的id是唯一的。此代码将div添加到给定容器并创建网格 - 使用任何按钮单击新网格。希望它有效，我还没有测试过它。

var gridNr = 1;
$("#btn").click(function(e){
  $("#gridContainer").append("<div id='grid_'" + gridNr + " />");
  $("#grid_" + gridNr).kendoGrid({ ... your grid code here ... });
  gridNr++;
})

是否可以有多个kendo网格实例

1 个答案: