TabPanel 내에서 Extjs 격자 패널이 수평으로 확장되지 않습니다.

Question

내 3 개의 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', 

탭 패널의 속성 :

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

레이아웃은 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' 
    }] 
}); 

맞춤 레이아웃의 의미 컨테이너의 항목을 확장해야 사용 가능한 공간을 모두 차지합니다. 폭, autoWidth 등에 대한 명시적인 참조를 모두 제거하십시오.

Answer 3

포럼에서 내 눈금 크기를 자동으로 조정할 수있는 방법을 찾고 있었지만 해결책을 찾지 못했습니다. 아무 것도 작동하지 않았습니다 ... 그리고 Ext Js GridPanel 문서를 읽었습니다. "

격자가있는 에 그 열을 스크롤 폭과 행을 스크롤 의 높이를 필요 이러한 치수는 어느 높이 폭 구성 옵션을 통해 또는 명시 을 설정할 수있다. 은 그리드를 사용하여 암시 적으로 chil로 설정됩니다. ( 예 :) 그리드 컨테이너가 레이아웃을 지정할 수 있습니다 ('fit'). "레이아웃 관리자가 에 배치 할 컨테이너의 하위 항목에 하위 항목의 크기를 제공하십시오. 난 그냥 그리드의 레이아웃,하지만 내가 원하는 값으로 격자의 부모의 레이아웃을 설정 ..so

는 (내 경우 부모 컨테이너는 그리드 이외의 일을 가지고, 그래서 레이아웃을 설정 : ' 앵커 '로 설정 한 다음 앵커를 설정하여'100 % 100 % '로 설정할 수 있습니다.

그리고 지금 나는 일하고있다 : D yayyyy!