dGrid:一起使用 DnD 和 Paginaiton
dGrid: Using DnD and Paginaiton together
我正在使用带有分页扩展的 Dgrid 来显示数据。对于同一个网格,我已经实现了网格的 DnD。所以我可以上下移动行并使用它重新排列行索引。
但是现在,随着行数的增加,网格被分成了5页以上。在这种情况下,如何使用 DnD 将行从第 5 页移动到第 1 页?
我看到的一种可能性是在底部的分页栏悬停时更改页面。根据 docs,有一种方法称为 gotoPage,它以编程方式切换页面。但是,如何捕获网格分页悬停事件?以及如何在悬停时获取页码,以便可以传递给上面的 gotoPage 方法。
在 dom 个节点上使用 Dgrid events 解决了这个问题。所以基本上,我们可以为如下页面附加事件
grid.on('.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-link:mouseover',function(event){
var pageindex = event.target.textContent.trim();
if(!isNaN(pageindex)){
grid.gotoPage(pageindex);
}
})
这将控制拖动的页码,然后您可以处理其余部分。
我正在使用带有分页扩展的 Dgrid 来显示数据。对于同一个网格,我已经实现了网格的 DnD。所以我可以上下移动行并使用它重新排列行索引。
但是现在,随着行数的增加,网格被分成了5页以上。在这种情况下,如何使用 DnD 将行从第 5 页移动到第 1 页?
我看到的一种可能性是在底部的分页栏悬停时更改页面。根据 docs,有一种方法称为 gotoPage,它以编程方式切换页面。但是,如何捕获网格分页悬停事件?以及如何在悬停时获取页码,以便可以传递给上面的 gotoPage 方法。
在 dom 个节点上使用 Dgrid events 解决了这个问题。所以基本上,我们可以为如下页面附加事件
grid.on('.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-link:mouseover',function(event){
var pageindex = event.target.textContent.trim();
if(!isNaN(pageindex)){
grid.gotoPage(pageindex);
}
})
这将控制拖动的页码,然后您可以处理其余部分。