2017-07-03 37 views
0

我正在使用Dgrid和分頁擴展來顯示數據。對於同一個網格,我已經實現了網格的DnD。所以我可以使用它來上下移動行並且重新排列行索引。dGrid:一起使用DnD和Paginaiton

但是現在,隨着行數增加,網格被分成5頁以上。在這種情況下,如何使用DnD將我的第5頁的行移動到第1頁?

我看到的一種可能性是通過更改頁面懸停在頁面底部的頁面。根據docs,有一種方法稱爲gotoPage它以編程方式切換頁面。但是,如何捕獲網格分頁懸停事件?以及如何獲取懸停的頁碼,以便可以傳遞到上面gotoPage方法。

感謝,

任何幫助Appriciated。

回答

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

})

這將控制權交給拖頁碼,然後你也可以在以後處理剩下的。