読者です 読者をやめる 読者になる 読者になる

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()を呼ばないようにする

しかないでしょうか。