在扩展kendo网格时增加页面大小

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();