11

jqGridのドキュメントによると、ページャーdivを移動することで、ページャーをjqGridの上または下に配置できるはずです。残念ながら、ページャーは常にグリッドの下にレンダリングされます。

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

jqGrid構成（ページャーに関連）は次のようになります。

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

助言がありますか？

4

2 に答える 2

35

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>and usepager: '#pager'パラメータを使用すると、 2つの ページャーが作成されます。1つid="list_toppager"はグリッドの上部にあり、もう1つid="pager"は下部にあります。トップページャーとボトムページャーの両方を使用したい場合は、

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

次に、移動または削除します（詳細とデモの例については、別の回答を参照してください）。jQuery.insertAfter関数を使用して、ボタンを1つのツールバーから別のツールバーに非常に簡単に移動することもできます（ここを参照）。

于 2010-12-09T20:41:11.757 に答える
0

$追加を使用します。上記の表の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();
});
于 2014-01-27T21:30:23.727 に答える