无法将寻呼机（导航栏）定位在 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:true jqGrid 选项代替。你不需要定义 <div id="pager"></div> 并使用 pager: '#pager' 范围。jqGrid顶部的分页器的id将为“list_toppager”（附加“_toppager”的表元素的id）。

如果你想添加导航器，你可以使用

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

如果您使用定义 <div id="pager"></div> 并使用 pager: '#pager' 你将拥有的参数 二 寻呼机：一个与 id="list_toppager" 在网格的顶部和另一个 id="pager" 在底部。如果您想同时使用顶部和底部寻呼机，您可以使用

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

然后移动或删除（参见 另一个答案 了解更多详细信息和演示示例）。您还可以使用以下命令轻松地将按钮从一个工具栏移动到另一个工具栏 jQuery.insertAfter 函数（参见 这里).

Answer 2

使用一个$追加。上表中的HTML是这样的

<div id="export"></div>                        

添加的ID，并使用一个承诺（）（）完成： “exportButton”

$(grid).jqGrid('navButtonAdd', self.options.pagerSelector, { id: "exportButton", caption: "Export to CSV", buttonicon: "ui-icon-newwin", onClickButton: function() { self._exportToCSV(self, grid); }, position: "last", title: "Export to CSV", cursor: "pointer" })
.promise().done(function() {
    //reposition export button
    $("#export").append($("#exportButton"));
    $("#exportButton").addClass("pull-right").show();
});