Question

我有一个包含许多对象的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]    
});

我有另一个FormPanel，其中包含itemPanel和gridPanel：

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.');
        }


})

我的页面上没有任何内容，我做错了什么？

Answer 1

为视口定义了边框布局。您的ItemGrid不在边框布局中。仅当父面板具有边框布局时，Region'east'才有效。
您的resultPanel应为FormPanel。您可以使用panel布局

container

hbox

在页面的东部区域添加网格

1 个答案: