ども、作業ばりばりでブログ書く余裕すらないよぉ・・・小堤です。
さて、ExtのTableLayout。
サンプルにあるように、Widthが固定の場合は、何の問題もなく便利に利用できるのですが、Widthが100%のテーブルを作成使用とした場合には、いろいろ問題があります。
Extのフォーラムにも出ていますが、ID指定して、tableを100%ってCSSで指定すれば?ってあるんですが、これでは、うまくいきません。
なぜか。
Tableタグは確かに100%になるんですが、中のtdがいうこときいてくれないのです。
つまり、tdの中にPanelパネル用のDIVが生成され、それぞれのDIVはサイズちゃんとあうんですが、tdがExt制御でいうこときいてくれないため、例えば、100%に指定して、2列のテーブルを作ったとき、左のTDを200PXしたとしましょう。
HTMLの場合、ちゃんとのびるはずなのでExtでも伸びるはずですが、真ん中に隙間が(すきまというか・・・空白というか)できます。
これは、前述の理由により発生しています。
回避方法なんですが、2つ考えていて、1つはTableLayoutをオーバーライドする。
これは、いまちょっと時間がないのであとでやろうかなぁと思っています。
もう一つ、泥臭いですが、もとのHTMLにTableタグを記述してtdにID指定します。new Ext.PanelでrenderTo指定するときにtdに指定したidを指定する。
ここまでで、Extとやっていることはだいたい同じ。最後に、td自体に幅を指定する。
これで、びたーーーーっときます。びたどまりします(ぇ。
とりあえず回避策として。メモ。あとでExtJapanに記事かけるようにしておかないと・・・。