时间戳

首页 > 解决方案 > 如何使用 ServerOperation 获取 Kendo Grid 项目的页面

javascript - 如何使用 ServerOperation 获取 Kendo Grid 项目的页面

问题描述

我正在尝试检索使用 ServerOperation 的网格的选定对象的页面索引，但我不知道如何在没有太多复杂性的情况下做到这一点。

目前，我从 URL ( https://...?ObjectId=12 ) 收到一个 Id ，我将在网格中选择这个项目，但首先我必须显示它的页面，所以我正在尝试获取该行的页码。

问题是我正在使用 ServerOperation(true)。此外，我正在检索没有任何过滤器的分页列表。

function _displayDetailsModal(id, selectRow = true, focusSelected = true) {  

    $(document).ready(() => {  
        var url = `${urls.Details}/${id}`;  

        if (selectRow) {  
            // GET PAGE OF ITEM THEN  
            // CHANGE TO PAGE THEN  
            kendoGrid.selectById(id);  
        }  
        if (focusSelected) {  
            kendoGrid.focusSelected(); // Scrolls to selected row.  
        }  

        loadModal(url);  
    });  

}

标签： javascriptc#kendo-uikendo-grid

解决方案

这是你所追求的吗？

道场：https ://dojo.telerik.com/iNEViDIm/2

我提供了一个简单的输入字段，您可以在其中设置页码，然后提供一个按钮，该按钮将为您将页面更改为所选页面。

我所做的只是通过 page 方法设置数据源的页面，然后它会为您读取远程数据源，然后返回该数据页面。

 $('#btnPage').on('click',function(e){
                    var page = $('#pageNumber').val(); 
                    $('#pageLabel').html('Page Selected Is: ' + page); 

                    var ds = $('#grid').data('kendoGrid').dataSource; 

                    ds.page(parseInt(page)); 

                  });

如果您选择的页面高于最后一个可用页面，那么它将只显示最后一页。

更多信息可以在这里看到：https ://docs.telerik.com/kendo-ui/api/javascript/data/datasource/methods/page

如果您需要任何进一步的信息，请告诉我：

推荐阅读