ExtJS TableLayoutでinputなど表示エラー？

28 11月, 2008  JavaScript, 日記

ExtJS2.2にてTabPanel内にTableLayoutを使用すると２つ目以降のTabにて表示がされない問題が発生！
症状をおってみる・・・、ブラウザサイズを変更すると表示されるときがある？？？

本体のソースも追ってみると、どうやら「monitorResize:false」が固定されているのが問題らしい。
ためしにtrueに変更してみると・・・ビンゴ！

但し、本体ソースに変更は加えたくないのでラッパーとして以下のLayoutを追加し、使用する

//Tab内で使用する場合に「monitorResize:false」のためrenderされないので修正！
//他での使用にて問題がでる可能性もあるので要注意！
Ext.layout.TableLayoutEx = Ext.extend(Ext.layout.TableLayout, {
    // private
    monitorResize:true
    //monitorResize:false,
});
//Layoutタイプは「'tableex'」
Ext.Container.LAYOUTS['tableex'] = Ext.layout.TableLayoutEx;

これで取りあえず、今のところ問題なし、この辺りの処理は
アニメーションなども絡んでそうで時間があったら追ってみよう（笑）

コメントは受け付けていません。