dGrid:一起使用DnD和Paginaiton

时间:2017-07-03 05:35:30

标签: javascript javascript-events drag-and-drop dojo dgrid

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

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

我看到的一种可能性是通过更改底部paginaiton栏悬停的页面。根据{{​​3}},有一种方法称为 gotoPage ,它以编程方式切换页面。但是,如何捕获网格分页悬停事件?以及如何在悬停时获取页码,以便传递给上面的 gotoPage 方法。

谢谢,

任何帮助Appriciated。

1 个答案:

答案 0 :(得分:0)

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

})

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