无法将pager(导航栏)放在jqGrid上面

根据jqGrid文档,我应该能够通过移动分页器div来将分页器放在jqGrid的上面或下面。 不幸的是,寻呼机总是在网格下面呈现。

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

jqGridconfiguration(与分页器有关)如下所示:

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

有什么build议么?

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

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

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

如果你使用define <div id="pager"></div>并使用pager: '#pager'参数,你将有两个分页器:一个在网格顶部的id="list_toppager"id="list_toppager"id="pager"在底部。 如果你想使用顶部和底部的寻呼机,你可以使用

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

然后移动或移除(有关更多详细信息和演示示例,请参阅其他答案 )。 使用jQuery.insertAfter函数也可以非常容易地将button从一个工具栏移动到另一个工具栏(请参见此处 )。

使用$追加。 上面的表格是这样的

 <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(); }); 
Interesting Posts