2015-06-23 10 views
0

jqGrid中有哪些內置的行導航按鈕,我可以使用?我試着在jqGrid文檔上查看和在這裏。似乎沒有任何解決方案甚至關閉。jqGrid - 添加ms訪問像行導航按鈕

我想要的例子。

Access image

編輯這些按鈕的行爲會是這樣。在按下一個按鈕時,應選擇下面的行。

enter image description here

因此,當用戶按下一個按鈕,在選擇下一行,直到在達到行的末尾。

那麼有沒有內置按鈕可以這樣做,還是必須編寫我自己的自定義按鈕?如果是的話,將不勝感激。

+0

jqGrid的默認分頁導航按鈕看起來已經幾乎像你的照片了。可以將尋呼機放在網格的底部,在兩個地方的頂部。與你的圖片唯一的區別是字段「31」在jqGrid看起來有點不同。我不確定你對導航按鈕的確切要求是什麼。 – Oleg

+0

嗨@Oleg。這是您正在討論的尋呼機,用於瀏覽網頁。我想要的行導航按鈕,當按下將遍歷整個網格,並選擇一行。我會更新我的問題以更好地解釋你。 –

回答

3
var gn = grid.navGrid("#pager",{edit:false,add:false,del:false,search:false,refresh:false}); //where 'grid' is the grid object and '#pager' is the pager element. 
gn.navButtonAdd("#pager",{ 
    id: "customButton", 
    caption:"Next Row", 
    onClickButton: function(){ 
     var selectedRow = grid.getGridParam('selrow'); 
     if (selectedRow == null) return; 
     var ids = grid.getDataIDs(); 
     var index = grid.getInd(selectedRow); 
     if (ids.length < 2) return; 
     index++; 
     if (index > ids.length) index = 1; 
     grid.setSelection(ids[index - 1], true); 
    } 
}); 

根據您的需要調整按鈕樣式。