将 jqGrid 自定义导航添加到顶部工具栏

Question

是否可以将导航项添加到 jqGrid 中的“顶部寻呼机”？如果是这样，这样做的语法是什么？

我的页面上有一个 HTML sn-p，看起来像这样

<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 的“顶部寻呼机”会自动插入到页面中，但它的自定义按钮（显示在底部寻呼机上）不会随之而来。

我 see that there's a "cloneToTop" option 包含在 navGrid 中，但它的描述似乎令人困惑，我只能假设我用错了。

将所有操作从底部分页器克隆到顶部分页器 如果定义。注意 navGrid 可以应用到顶部 仅寻呼机。 top pager 的 id 是 grid id 和 "_toppager"

我对该选项的理解是它将按钮添加到底部寻呼机，并将它们克隆到顶部。然而，描述接着说“navGrid 只能应用于顶部寻呼机，这没有任何意义，因为你正在克隆它。重要的是，我显然对 API 的方式有很深的误解应该使用。

如果有人能指出我正确的方向（即使只是某个工作示例），我将不胜感激。我更喜欢通过官方 API 来实现这一点，而不是 to clever DOM manipulation，就像 StackOverflow 上其他地方看到的那样。

Answer 1

好的，看来我找到了一种看起来更好的方法。这个想法是使用navButtonAdd 和"#list_toppager_left" 而不是"#pager"。

我修改了old answer，因此在导航工具栏的顶部添加了一个自定义按钮和一个标准按钮。顶部导航工具栏中的其他元素将被删除。结果看起来像

可以看到对应的demo直播here。