PDA

View Full Version : Gridのヘッダーを二段組みにできますか?



tomof
9 Mar 2009, 11:21 PM
はじめて、質問させていただきます。


件名の通りなのですが、Gridのヘッダー部分を二段にすることは可能でしょうか?
上段にカテゴリーヘッダー、下段に項目ヘッダーとし、それに付随する形で
データを表示したいと考えています。


APIには一通り目を通してみましたが、それらしいものが確認できませんでした。
もし、プラグインなどをご存じの方がいれば教えていただけないでしょうか。


よろしくお願いします。

yuki
9 Mar 2009, 11:43 PM
こっちのスレッド (http://extjs.com/forum/showthread.php?t=62159)でも紹介されていますが、

Ext.ux.plugins.GroupHeaderGrid (v1.3) (http://extjs.com/forum/showthread.php?t=22337)(英語)

スクリーンショット (http://extjs.com/forum/attachment.php?attachmentid=4007&d=1200986992)を見る限りでは、できるのではないかと。ソートとか列の並べ替えとかどうやっているのか不明ですが・・・:-?

tomof
10 Mar 2009, 12:10 AM
ご返信ありがとうございます。
すぐ前のスレッドに同じような質問がありましたね…。大変失礼しました。
一通り試したあとにここに結果を報告したいと思います。
ビジネスで使用するため、ライセンスについても調べてみます。

tomof
10 Mar 2009, 8:41 PM
教えていただいたスレッドから、「GroupHeaderPlugin-1.3.zip」ファイルをダウンロードして実装してみました。
Extはバージョン2.2.1を使用していますが、問題なくヘッダーを二段組みになりました。
プラグインの使用方法も非常に分かりやすく、ダウンロードファイルに含まれているサンプルソースを参考に
Gridのコンフィグオプションにpluginオプションを追加するだけで、簡単に実装することが出来ました。

yukiさん、アドバイスありがとうございました。:)

yuki
10 Mar 2009, 8:45 PM
使えるモノでよかったです:)
ちなみに、ソートとか列の移動とかはできるんでしょうか?

tomof
10 Mar 2009, 9:44 PM
:)
ちなみに、ソートとか列の移動とかはできるんでしょうか?


ソートも列移動も問題なく動作します。


ソートの場合、pluginのコンフィグオプションでカラムのdataIndexを指定するので、それがソートのIndexになります。列移動はグループをドラッグすればまとめて移動できますし、グループ配下の項目はグループの外には出せないようになっています。更にカラムON/OFFの階層化までやってくれます。


目から鱗なプラグインですよ;)