将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".

我修改了旧答案,因此,导航工具栏顶部添加了一个自定义按钮以及一个标准按钮.顶部导航工具栏中的其他元素将被删除.结果看起来像

你可以在这里看到相应的演示.