0

我有一个包含许多对象的 formPanel：

var itemPanel = new Ext.FormPanel({
    labelWidth: 75, 
    frame:true,
    region:'left',
    bodyStyle:'padding:5px 5px 0',
    width: 500,
    defaultType: 'textfield',
    items : [comboTariff,otherFieldset,choiceFieldset,currencyCheck,otherFieldsetcu,changeField,otherFieldsetcargo,dr]    
});

我还有另一个包含 itemPanel 和 gridPanel 的 FormPanel：

var resultPanel = new Ext.FormPanel({
labelWidth: 75, 
    frame:true,
    title:'Tariff & Surcharge Updates: New Item',
    bodyStyle:'padding:5px 5px 0',
    width: 800,
    defaultType: 'textfield',
    items : [itemPanel,ItemGrid]
});

我希望 itemPanel 位于页面的中心，而 ItemGrid 位于页面的右侧。这是我的网格的结构：

var ItemGrid = new Ext.grid.GridPanel({
    store: eastStore,
    autoShow : true,
    title : 'Choix des parametres',
    titleCollapse: true,
    collapsed : true,
    collapsible: true,
    split: true,
    loadMask: true,
    autoScroll:true,
    region : 'east',
    width : 800,
    style:"{font-size:  8px;} ",
    stripeRows: false,
    frame:false,
    height : 150,
    border:false,
    columns [etc etc...]});

这是我的布局：

Ext.onReady(function() {
    Ext.QuickTips.init();

    var viewport = new Ext.Viewport({
        layout: "border",
        id: 'movieview',
        renderTo: document.body,
        items: [{
            region: 'center',
            xtype: 'tabpanel',
            activeTab: 0,

            plain:true,
            defaults:{autoScroll: true},

            items: [resultPanel,otherPanel,templatePanel]

       }]
    })
        function handleActivate(tab){
        alert(tab.title + ' was activated.');
        }


})

;

我的页面上什么也没有出现，我做错了什么？

4

1 回答 1

0
  1. 您的边框布局是为视口定义的。您ItemGrid不在边框布局中。仅当父面板具有边框布局时，区域“东”才有效。
  2. 你resultPanel应该是FormPanel。您可以将其定义为panel或container使用hbox布局
于 2013-07-12T14:02:55.883 回答