Question

我的页面调整大小有问题。我在div中有一个树面板，嵌套在html表中。我不使用ext Container，因为我有复杂的UI设计，我无法用Ext实现。因此，当窗口调整大小时，我希望我的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

}）;

Answer 1

使用

autoHeight: true

而不是

height: 500

Answer 2

尝试使用此：height: document.getElementById('tree_div').clientHeight作为Ext.tree.Panel。我认为这不是最好的变种，但它对我有用。

祝你好运！

Extjs 4拉伸嵌套面板

2 个答案: