为什么tabPanel中的gridPanel显示错误的高度？

Question

在附图中，网格显示不正确。网格位于tabpanel内。选项卡的布局是='fit'。

导致该行为的设置错误是什么？ 编辑： 以下是tabpanel的类定义：我们的标签是名为“External ID”的标签

/*
 * File: SomeTabPanel.ui.js
 * Date: Mon May 02 2011 18:08:34 GMT-0400 (Eastern Daylight Time)
 * 
 * This file was generated by Ext Designer version xds-1.0.3.2.
 * http://www.extjs.com/products/designer/
 *
 * This file will be auto-generated each and everytime you export.
 *
 * Do NOT hand edit this file.
 */

SomeTabPanelUi = Ext.extend(Ext.TabPanel, {
   activeTab: 0,
   forceLayout: true,
   border: false,
   enableTabScroll: true,
   initComponent: function() {
      this.items = [{
         xtype: 'panel',
         title: 'General',
         layout: 'table',
         tpl: '',
         ref: 'GeneralTab',
         layoutConfig: {
            columns: 2
         },
         items: [{
            xtype: 'form',
            title: 'Corporate',
            height: 500,
            width: 500,
            animCollapse: false,
            items: [{
               xtype: 'box',
               ref: '../../coporateBox'
            }]
         }]
      },{
         xtype: 'panel',
         title: 'External ID',
         layout: 'fit',
         ref: 'ExtIdTab',
         id: ''
      }];
      SomeTabPanelUi.superclass.initComponent.call(this);
   }
});

Answer 1

看起来你需要以某种方式设置网格的高度。手动高度声明，autoHeight: true或父容器的继承高度。

父tabPanel是否具有声明/继承的高度？

设置layout: 'fit'是包含标签的良好开端，但如果没有一些代码或测试用例，我就无法提供更多帮助。

Answer 2

它应该按照描述的方式工作，因此您的代码中必定有错误。如果您需要更多帮助，请发布您的布局代码。