0

ここに画像の説明を入力

添付の画像では、グリッドが正しく表示されていません。グリッドはタブパネル内にあります。タブのレイアウトは = 'fit' です。

動作の原因となっている設定エラーは何ですか? 編集: タブパネルのクラス定義は次のとおりです: 私たちのタブは「外部 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);
   }
});
4

2 に答える 2

0

どういうわけかグリッドの高さを設定する必要があるようです。手動の高さ宣言、、autoHeight: trueまたは親コンテナから継承された高さ。

親のtabPanelには、宣言/継承された高さがありますか？

設定layout: 'fit'は、含まれているタブの良いスタートですが、いくつかのコードまたはテストケースがなければ、私はこれ以上役に立ちません。

于 2011-05-02T23:19:02.520 に答える
0

説明どおりに動作するはずなので、コードに何か問題があるはずです。さらにヘルプが必要な場合は、レイアウト コードを投稿してください。

于 2011-05-03T06:56:43.957 に答える