Kendoui网格重叠

Question

我正在使用kendoui网格，当我点击bubbletree（它的树状结构）时会显示。网格中的数据在点击bubbletree时动态生成。 kendoui网格在第一次单击时加载正常，但网格在第二次单击时重叠，依此类推。 我正在使用以下代码。

function showKendouiGrid(nodeCoordinate) {
        var kendouiConstants = {
            BASE_URL: 'http://',
            DATA_URL: '/eventbot/public/bubbletreedata/list-category?category=' + nodeCoordinate.label,
            PAGE_SIZE: 20,
            GRID_HEIGHT: 100
        }
        jQuery("#grid").kendoGrid({
            columns: [{
                field: 'label',
                title: "Activitiy",
            }],
            dataSource: {
                serverPaging: true,
                pageSize: kendouiConstants.PAGE_SIZE,
                transport: {
                    read: {
                        url: kendouiConstants.BASE_URL + window.location.host + kendouiConstants.DATA_URL,
                        dataType: "json",
                        type: "GET"
                    }
                },
                schema: {
                    data: "data",
                    total: "total"
                },
                serverFiltering: true,
            },
            height: kendouiConstants.GRID_HEIGHT,
            pageable: {
                refresh: true,
                pageSizes: true
            },
            selectable: "row",
            scrollable: true,
            filterable: true,
            sortable: true,
        });
    }

还有另一个问题，kendoui网格的页脚显示＆＃34;没有要显示的项目＆＃34; ，虽然它上面有物品。 提前谢谢。

Answer 1

每次单击气泡树时，网格都会在先前版本的网格上重新生成。所以，第一次这样做，一切都很好，你最终得到了新生成的kendogrid标记，它在HTML中有自己的包装元素。下次创建网格时，它会在旧版本上重新创建，并且包装器将被重新包装。在以前的内部。

你应该做的是.destroy（）网格或只是在单击树时更改网格数据源。