Extjs 4ネストされたパネルのストレッチ

Question

私のページのサイズ変更に問題があります。私は、HTMLのテーブル内にネストされたdiv内にツリーパネルを持っています。 Extコンテナを使用していないので、Extで実現できない複雑なUIデザインが原因です。だから私は、ウィンドウのサイズが変更されたときに私のtreepanelの高さでサイズを変更したい。私を助けてください。

表マークアップ：

<table id="table_container"> 
    <tr> 
     <td colspan="2" style="height: 30px; valign: top;"> 
      <div id="menu_div"></div> 
     </td> 
    </tr> 
    <tr> 
     <td colspan="2" style="height: 10px;"> 
      <div id="space_div"></div> 
     </td> 
    </tr> 
    <tr> 
     <td style="width:250px; height: 100%; padding-top: 70px;"> 
     <div id="tree_div" style="valign: top; height: 100%;"></div> 
     </td> 
     <td rowspan="2" style="padding: 10px;"> 
      <div id="main_content_div" style="valign: top;"> 
      </div> 
     </td> 
    </tr> 

ツリーコード：

 var tree = Ext.create('Ext.tree.Panel', { 
     id: 'tree_id', 
     store: tree_store, 
     width: 250, 
     height: 500, 
     autoScroll: true, 
     renderTo: document.getElementById('tree_div'), 
     useArrows: true, 
     border: false, 
     frame: false, 
     rootVisible: true 

}）。代わりに

height: 500

Answer 1

使用

autoHeight: true

この使用してみてください：Ext.tree.Panelためheight: document.getElementById('tree_div').clientHeightを。これは最高の変種ではないと私は思うが、それは私のために働いた。

幸運を祈る！

Answer 2

の