web-dev-qa-db-ja.com

jqGrid-ページャーでページ選択を削除するがボタンは保持する方法

グリッドのページングボタンを削除したいが、左下の追加、編集、更新などのボタンを保持したい。この特定のグリッド実装ですべてのレコードを表示するため、ページャーは必要ありません。

緑色のものを保持したいが、赤色のものを削除したい：

alt text

現在、私の解決策はグリッドのナビゲーションの中心を空にすることです

$('#pager_center').empty();

しかし、これはページャーがページにレンダリングされてから空になることを意味します。そもそもページャーがレンダリングされないようにすることができるかどうか疑問に思っています。

javascriptjqueryjqgrid
26
Jon Erickson

次のJqGridオプションを使用して、JqGridからREDゾーンを無効にすることができます。 JqG​​ridがページャーを生成するためのパターンを変更した場合やページャーIDを変更した場合に問題が発生するCSSスタイルシートを介してJqGridレンダリングをハックする必要がないため、この質問を解決する最良の方法です。

$('#grid').jqGrid
({
    rowList: [],        // disable page size dropdown
    pgbuttons: false,     // disable page control like next, back button
    pgtext: null,         // disable pager text like 'Page 0 of 10'
    viewrecords: false    // disable current view record text like 'View 1-10 of 100' 
});
57
Soul_Master

CSSスタイルを適用して非表示にすることができます...？

#pager1_center {
    visibility: hidden;
}

Pgbuttonsやrecordtextなどのオプションもあり、initでの設定により、その部分でHTMLがレンダリングされない場合があります。

jQuery("#grid_id").jqGrid({pgbuttons:false, recordtext: ''});
8
great_llama

これを使用すると、ボタンおよびすべてのページング/ビューレコード領域が削除されます。

jQuery("#WebsitesGrid").jqGrid({          
            ...
            pginput: false,
            pgbuttons: false,
            viewrecords: false,
            ....
4
Utukku

または、jqGridのフッターにより多くのスペースを入れたい場合は、ナビゲーションの必要な部分を非表示にするだけです。

gridComplete: function()
{           
   $( '#' + gridId + 'Pager_center' ).hide();
   $( '#' + gridId + 'Pager_left' ).hide();
},

ここで、gridIdはjqGridのIDです。

0
kajo

$('#grid').jqGrid({pgbuttons:false, recordtext:'', pgtext:'')}

0
user478727

JqGridでPagerを回避するソリューションを探している場合は、@ Soul_Masterのソリューションの有無にかかわらず、loadcompleteコールバックに、またはjqgrid呼び出しの後にステートメントとして次のコードを追加するだけです。

$("#divPager").css({ "height": "0px", "border": "0px" });

それは私のために働いた。

0
Naveenk