將jqGrid自定義導航添加到頂部工具欄

Question

是否可以將導航項添加到jqGrid中的“頂部尋呼機”？ 如果是這樣，這樣做的語法是什么？

我的頁面上有一個HTML代碼段，如下所示

<table id="mygrid">
</table>
<div id="mygrid_pager"></div>

然后是一個看起來像這樣的jqGrid初始化

$('#mygrid').jqGrid({
    ..., //full config string removed for brevity,
    pager:jQuery('#mygrid'),
    toppager:true
}); 
$('#mygrid').jqGrid('navGrid', '#mygrid_pager'),{
    'add':false,
    'del':false,
    'edit':false,
    'search':false,
    'refresh':false,
    'cloneToTop':true,  
}).navButtonAdd('',{...}); //config navbutton string for button removed for brevity

ID為#mygrid_toppager的“頂部尋呼機”會自動插入到頁面中，但其自定義按鈕（顯示在底部尋呼機上）不會出現。

我看到navGrid包含了一個“cloneToTop”選項 ，但它的描述看起來很混亂，我只能假設我使用它錯了。

如果已定義，則克隆從底部尋呼機到頂部尋呼機的所有操作。 請注意，navGrid只能應用於頂部尋呼機。 頂部尋呼機的ID是網格ID和“_toppager”的組合

我對該選項的理解是將按鈕添加到底部尋呼機，並將它們克隆到頂部。 然而，接下來的描述繼續說“navGrid只能應用於頂級尋呼機，這是沒有任何意義的，因為你正在克隆它。當然，我顯然對API是如何有一個深刻的誤解應該被使用。

如果有人能指出我正確的方向（即使只是一個工作的例子），我會很感激。 我更喜歡通過官方API來實現這一點，而不是像StackOverflow上其他地方看到的那樣聰明的DOM操作 。

Answer 1

好吧，似乎我找到了一種看起來更好的方式。 我們的想法是使用navButtonAdd和"#list_toppager_left"而不是"#pager" 。

我修改了舊答案，因此，導航工具欄頂部添加了一個自定義按鈕以及一個標准按鈕。 頂部導航工具欄中的其他元素將被刪除。 結果看起來像

你可以在這里看到相應的演示。