Добавление сетки на восточном регионе страницы

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

1. Ваш макет границы определен для области просмотра. Ваш ItemGrid не находится в макете границы. Область «только» действительна только в том случае, если родительская панель имеет границу.
2. Ваш resultPanel должен быть FormPanel. Вы можете определить его как panel или container с hbox макет