1

toolbar:[true.'top'] を追加してグリッドにツールバーを追加するオプションがあることを知りました (グリッドの上部に空のツールバーを追加する例)。

そのツールバーにボタンを追加するにはどうすればよいですか? jqGrid('navButtonAdd', nameOfPager) がどのように機能するかは知っていますが、トップページャーのオプションにも慣れていますが、上記のツールバーにボタンを追加する方法がわかりません。

ありがとう、

4

1 に答える 1

2

jqGrid には を操作するための API がありませんtoolbar: [true, "top"]。ツールバーの唯一の目的は、<div>jqGrid の内部にあります。widthグリッドのサイズ変更中にCSS属性が変更されますが、それ以上のことは行われません。

回答(デモを参照) は、ツールバーの使用法の実用的な例を提供します。$("#t_" + $.jgrid.jqID($grid[0].id)).appendツールバーを使用して情報を追加します。.グリッド ID に特殊文字 ( 、およびその他)が含まれていない場合は、,簡易セレクターを使用できます"#t_" + $grid[0].id

同様に、ナビゲーター ボタンを標準の場所から上部のツールバーに移動できます。多くのツールバー ボタンがある場合は実用的です。これを示すデモを作成しました。

ここに画像の説明を入力

回答で説明した方法とcreateContexMenuFromNavigatorButtonsソリューションを組み合わせることができますshowHideColumnMenu

このアプローチは、Tablet PC (iPad など) のユーザーにとってより使いやすいように、グリッドの上に大きなボタンを配置したいという別の回答に近いものです。

上部のツールバーに機能を追加する例を含む機能要求が存在します。このアイデアは興味深いと思います。対応する実装を書くために見つけられることを願っています。

于 2015-04-04T17:21:12.550 に答える