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"，另一个用{{} 1}}在底部。如果您想使用顶部和底部寻呼机，您可以使用

id="pager"

然后移动或删除（有关详细信息和演示示例，请参阅another answer）。您还可以使用jQuery.insertAfter功能轻松地将按钮从一个工具栏移动到另一个工具栏（请参阅here）。

Answer 2

使用$ append。上面的html就是这样的

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

添加id并使用promise（）。done（）：“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();
});

无法将寻呼机（导航栏）定位在jqGrid上方

2 个答案: