dGrid：一起使用 DnD 和 Paginaiton答案

【问题标题】：dGrid: Using DnD and Paginaiton togetherdGrid：一起使用 DnD 和 Paginaiton
【发布时间】：2017-07-03 05:35:30
【问题描述】：

我正在使用带有分页扩展的 Dgrid 来显示数据。对于同一个网格，我已经实现了网格的 DnD。所以我可以使用它上下移动行并重新排列行索引。

但是现在，随着行数的增加，网格被分成了 5 页以上。在这种情况下，如何使用 DnD 将行从第 5 页移动到第 1 页？

我看到的一种可能性是在底部的分页栏悬停时更改页面。根据docs，有一种称为 gotoPage 的方法，它以编程方式切换页面。但是，如何捕获网格分页悬停事件？以及如何在悬停时获取页码，以便可以将其传递给上面的 gotoPage 方法。

【问题讨论】：

标签： javascript drag-and-drop dojo dom-events dgrid

【解决方案1】：

在 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);
    }
})

这将控制拖动的页码，然后您可以处理其余部分。

【讨论】：