IE6でツリーに余分な空白が表示される
IE6での問題点
で書いた「TreePanelでTreeNode#expand()で下位のノードまでまとめて開くと最下位のノードの下に余分な空白が発生する」という件です。
上の画像のように最後のノードの下に余分な空白が表示されてしまいます。
どうやら、IEでフレームを使ったページでExt.JSを使っている場合のみ発生するようです。FFではもちろん問題ないですし、IEでもフレームを使ったページでなければ問題ないです。この画像でいう、テスト4の下に子ノードを管理するために
<ul style="display: none;" class="x-tree-node-ct"/>
という空のul要素があるのですが、expand()するとstyleから"display: none;"が外されます。このulがフレームがある場合のみ表示に影響しているのかもしれません。。とりあえず、
- フレームをやめる
- 最下位ノード(leaf)ではexpand()を呼ばないようにする
しかないでしょうか。