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

根据jqGrid文档，我应该能够通过移动寻呼机div将寻呼机放置在jqGrid的上面或下面。不幸的是，寻呼机总是在网格下面呈现。无法将寻呼机（导航栏）定位在jqGrid上面

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

的jqGrid的配置（与寻呼机）的样子：

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

有什么建议？

来源

2010-12-09 Tim Colton

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

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

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

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

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

，然后移动或删除（见another answer更多的细节和演示的例子）。使用jQuery.insertAfter函数（参见here），您还可以非常轻松地将按钮从一个工具栏移动到另一个工具栏。

来源

2010-12-09 20:41:11 Oleg

感谢澄清，奥列格。像往常一样优秀。 – 2010-12-10 18:34:21

使用$追加。以上表中的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(); 
});

来源

2014-01-27 21:30:23

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

回答

相关问题