無法將尋呼機（導航欄）定位在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上面

回答

相關問題