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

Question

是否可以将导航项添加到jqGrid中的“top pager”？如果是这样，这样做的语法是什么？

我的网页上有一个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包含see that there's a "cloneToTop" option，但它的描述似乎令人困惑，我只能假设我使用它错了。

  

克隆从底部寻呼机到顶部寻呼机的所有操作   如果定义。请注意，navGrid可以应用于顶部   仅限寻呼机。顶部寻呼机的ID是网格ID和的组合   “_toppager”

我对该选项的理解是将按钮添加到底部寻呼机，并将它们克隆到顶部。然而，接下来的描述继续说“navGrid只能应用于顶级寻呼机，这是没有任何意义的，因为你正在克隆它。当然，我显然对API是如何有一个深刻的误解应该被使用。

如果有人能指出我正确的方向（即使只是在某个地方的工作示例），我会很感激。我更倾向于通过官方API来实现这一点，而不是像{O3flow上的其他地方那样to clever DOM manipulation。

Answer 1

好的，似乎我找到了一种看起来更好的方式。我们的想法是将navButtonAdd与"#list_toppager_left"一起使用，而不是"#pager"。

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

您可以看到相应的演示实时here。