javascript - 扩大剑道网格时增加页面大小

Question

我有一个包含数千条记录的 KendoGrid。最初，我想在缩小视图中显示网格，在我的仪表板上的网格中有 5 个项目，网格上有展开按钮。当用户单击展开按钮时，网格中的项目应增加到 20。

为了在仪表板上扩展我的网格，我使用以下代码：

function Expand(widgetName, speed) {
        var widget = $("#" + widgetName + "Widget");
        debugger;
        var gridName = widgetName + "Grid";
        gridName.data().kendoGrid.dataSource.page(20);
        widget.css({ "z-index": 100 });
        GetWidget(widgetName).expanded = true;
        var expandedHeight = GetExpandedHeight(widgetName);
        widget.animate(
            {
                top: '5',
                height: expandedHeight
            },
            speed,
            function () {
                // Animation complete.
                var grid = $("#" + widgetName + "Grid");
                if (grid.length > 0) {
                    grid.animate(
                        { height: expandedHeight - 70 },
                        speed / 3,
                        function () {
                            resizeGrid(grid);
                        }
                    );
                }
            }
        );
    }`

Answer 1

您可以使用 pageSize 方法，然后再次调用 .read() ，例如：

gridName.data().kendoGrid.dataSource.pageSize(20);
gridName.data().kendoGrid.dataSource.read();