Экстранс gridpanel не расширяется горизонтально внутри tabPanel

Question

Каждая из моих трехэлементных панелей Extjs не расширяется горизонтально внутри tabPanel.

свойства каждой сетки в:

id: grid_id, 
    ds: ds, 
    cm: cm, 
    loadMask:  true, 
    view:   grouping_view, 
    plugins:  [expander, filters], 
    stateId:  which + '-grid-stateId', 
    stateful:  true, 
    stateEvents: ['datachanged', 'columnresize', 'columnmove', 'sortchange', 'columnvisible', 'columnsort', 'hide', 'show', 'expand', 'collapse'], 
    selModel:  checkbox, 
    // height:  400, 
    width:   GRID_WIDTH, 
    defaults:  {autoHeight: true}, 
    autoHeight: true, 
    collapsible: false, 
    animCollapse: false, 
    layout:  'fit', 

TabPanel в свойства:

id:   'tab_panel', 
    renderTo: 'tabs', 
    activeTab: 0, 
    enableTabScroll: true, 
    defaults: {autoScroll:true, authHeight:true}, 
    plugins: new Ext.ux.TabCloseMenu(), 
    width:  GRID_WIDTH + 2, 
    autoHeight: true, 
    items: [  // put items in tabpanel like this. adding via method call forces them to render/load befire user clicks on them 
    owned_grid, 
    managed_grid, 
    subscribed_grid 
    ], 

Answer 1

Layout не является допустимым свойством для GridPanel.

Попробуйте использовать:

viewConfig: { forceFit: true } 

вместо

Answer 2

Это расположение контейнера, что вы должны установить, а именно:

var tp = new Ext.TabPanel({ 
    items: [{ 
     title: 'First tab', 
     layout: 'fit', 
     items: new Ext.GridPanel({ title: "Grid panel" }) 
    },{ 
     title: 'Second tab' 
    }] 
}); 

Fit макеты означает, что есть только один в контейнере, и он должен расширяться, чтобы получить все свободное место. Удалите все явные ссылки на ширину, autoWidth и т. Д.

Answer 3

Я искал форумы, чтобы сделать мою сетку автоматически измененной, но не смог найти решение, ничего не сработало ... а затем я прочитал документацию Ext Js GridPanel : "

сетка требует ширины, в которой, чтобы прокрутить ее столбцы, и высоты в для прокрутки ее строк этих размеров могут быть либо установлены явно через высоту и шириной опций конфигурации или. неявно задается с использованием сетки как chil d в контейнере, который будет иметь , имеет менеджер компоновки, который определяет размер его дочерних элементов . Контейнер сетки может указывать макет: «подходит»).

..so Я просто установить не макет сетки, но расположение РОДИТЕЛЕЙ сеток, чтобы любое значение, я хочу (в моем случае родительского контейнер содержит другие вещи, чем только сетки, поэтому я макет: ' anchor ', а затем, установив якорь: «100% 100%», я делаю сетку более широкой, насколько это возможно).

и теперь у меня ЭТО РАБОТАЕТ: D yayyyy!