2016-12-07 14 views
0

私は自分のグリッドの下部にいくつかのボタンを持っていて、モバイルデバイスではページングボタンに干渉します。jqGrid - グリッドのキャプション/タイトルバーにnavButtonを配置することは可能ですか?

グリッドのキャプション/タイトルバーはかなり空ですので、グリッドキャプション/タイトルバーの右側にボタンを配置できるようにする設定オプションがあるのでしょうか?

答えて

0

あなたが望むものを正しく理解したら、pager: trueの代わりにtoppager: trueを使うか、または一緒に使うべきです。ところで、captionのjqGridのパラメータを削除して、のグリッドにのキャプションがなくてもかまいません。結果として、グリッド上にナビゲーターボタンを持つグリッドが表示されます。

更新日:あなたがマージにpagerposrecordposオプションを使用することができますナビゲータボタン、ポケットベル情報とブロックとviewrecords: trueによって追加された情報と<span>。追加のCSSルールを使用して情報をよりよく表示することができます。たとえば、CSSのルールを試すことができます

.ui-pager-control>.ui-pg-table>tbody>tr>td>table.ui-pg-table { 
    display: inline-block; 
    top: .6em; 
} 
.ui-pager-control>.ui-pg-table>tbody>tr>td>.ui-paging-info { 
    display: inline-block; 
    float: right; 
    margin-top: 1.2em; 
} 
+0

かなりです。私はtoppagerで試しました:しかし、これはちょうどボタンヘッダーの上に新しいバーにページとページングを複製します。私のケースでは、私はいくつかのボタンを持っているので、ポートレートモードのiPadのような小さな画面にロードすると、ボタンはページの左とページのボタンと重なります。私がしたいのは、ポケットベルと同じバーの代わりに、キャプション/タイトルバーにボタンを移動することです。 – MarkT

+0

@マークト:私はまだトプジャーの使い方が標準的な方法であることに違いは見られません。一番上のページャの外観に関する他のすべての問題は簡単に解決できます。例えば、 'pagerLeftWidth'と' pagerRightWidth'オプションを使って、ページャーの指定された場所を予約することができます。あなたのグリッドに 'pagerLeftWidth:680'のようなものを追加してみてください。 'viewrecords:true'を削除して、ポケベルなどに保存することができます。 – Oleg

+0

@ MarkT: 'pagerpos'と' recordpos'オプションを使ってポケベルの情報の位置を変更することができます。たとえば、 'pagerpos:" left "、recordpos:" left "'を使用して、3つの情報部分すべてをページャの左側に置くことができます。他のCSSプロパティ( 'display:inline-block;'など)や/ divを使って 'div。の後に' span.ui-paging-info'と 'table.ui-pg-table'を並べ替えることができます。 'jqGrid_toppager_left'の中に' navtable'を挿入します。 – Oleg

関連する問題