无法将寻呼机(导航栏)定位在jqGrid上方

Question

根据jqGrid文档,我应该能够通过移动寻呼机div将寻呼机放在jqGrid的上方或下方.不幸的是,寻呼机始终呈现在网格下方.

<div id="pager"></div>
<table id="list">
    <tr>
        <td />
    </tr>
</table>

jqGrid配置(与寻呼机相关)如下所示:

pager: '#pager',
pginput: false,
pgbuttons: false,

有什么建议？

Answer 1

您应该使用toppager:truejqGrid选项.您不需要定义<div id="pager"></div>和使用pager: '#pager'参数.来自jqGrid顶部的寻呼机的id将是"list_toppager"(附加"_toppager"的表元素的id).

如果要添加导航器,可以使用

$("#list").jqGrid('navGrid','#list_toppager');

如果使用define <div id="pager"></div>和use pager: '#pager'参数,您将有两个 寻呼机:一个id="list_toppager"位于网格顶部,另一个id="pager"位于底部.如果您想使用顶部和底部寻呼机,您可以使用

$("#list").jqGrid('navGrid','#pager',{cloneToTop:true});

然后移动或删除(有关更多详细信息和演示示例,请参阅其他答案).您还可以使用jQuery.insertAfter函数轻松地将按钮从一个工具栏移动到另一个工具栏(请参阅此处).