2011-11-12 72 views
2

私はjqgridのヘッダとフッタに少数のボタンを配置しました。カスタマイズ可能な方法はありますか?jqgridでヘッダーとフッターをカスタマイズするにはどうすればよいですか?

私は、このリンク上のjqgridでfooterDataオプションをした:

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods

私はそれは違うと無関係だと思いますが。私が間違っているかどうか教えてください。

ありがとうございました。

+0

jqgrind APIメソッドを使用してヘッダーとフッターをカスタマイズすることはできません。 'css'を使って自分自身をカスタマイズしてみてください。 –

+0

ヘッダーとフッターについて読んで間違った用語を使用している可能性があります。 [the page](http://www.trirand.com/jqgridwiki/doku.php?id=wiki:how_it_works)の真ん中にある画像を見てください。キャプション(タイトルバー)、トップツールバー、トップページャ、カラムヘッダー、検索ツールバー、グリッドボディ、フッター(サマリー)行、ボトムツールバー、ボトムページャーが表示されます。カスタマイズを行いたい場所と必要なカスタマイズはどこですか? – Oleg

+0

@Oleg:そうです。それは間違った用語です。用語ごとに、私はナビゲーションレイヤー上にいくつかのボタンを配置したい。 「今すぐ購入」などのボタンを入れたい – TCM

答えて

2

ナビゲータバーにカスタムボタンを追加するには、navButtonAddメソッドを使用できます。ナビゲータバーの作成後に使用する必要があります。ナビゲータは、ページャの一部で、グリッドの下部、グリッドの上部、またはその両方に配置できます。

トップページャを使用する場合は、toppager: trueのオプションを jqGridとするだけです。ページャ自体のdivを作成します。 toppagerのidは、 "list"のようなグリッドIDと "_toppager"というサフィックスから構成されます(詳細はhereを参照してください)。

ボトムページャを使用する場合は、ページのHTMLマークアップ(たとえば、空のdivをid = "pager")で定義し、pagerパラメータをjqGrid:pager: "#pager"とする必要があります。

ページャにナビゲータバーを作成するには、navGridメソッドを呼び出す必要があります。ナビゲータの最初の(ページャ)パラメータとして、ナビゲータバーを作成する必要のあるページャのIDを使用する必要があります。例えば

$("#list").jqGrid('navGrid', '#list_toppager', 
    {add: false, edit: false, del: false, search: false, refresh: false}); 

は上部ページャに(任意の標準的なボタンなし)空のナビゲータを作成するか、

$("#list").jqGrid('navGrid', '#pager', 
    {add: false, edit: false, del: false, search: false, refresh: false}); 

ID =「ページャ」と底ページャの空のナビゲータを作成します。 (hereを参照)を使用すると、上部と下部のナビゲーションバーの間にボタンを移動することができ、いくつかの標準のボタンを持つあなたクレートのナビゲーションバー場合

$("#list").jqGrid('navGrid', '#pager', 
    {cloneToTop: true, add: false, edit: false, del: false, search: false, refresh: false}); 

:あなたは両方の上部と下部のポケットベルを作成したい場合は、cloneToTop: trueを使用することができます。

ナビゲータバーが存在する場合は、navButtonAddを呼び出して、ページャで指定されたナビゲータバーにボタンを追加する必要があります(here参照)。 onClickButtonコールバックの中で選択された行のROWIDを取得するには、selrowのパラメータをjqGrid(hereを参照)にする必要があります。

関連する問題