컨테이너의 항목 목록에서 변수 호출 .Viewport/ExtJS 및 Geoext

Question

JavaScript 프레임 워크에서 상당히 새로워졌습니다. 최근에는 Geoext, extJS 및 OpenLayers를 사용하여 Man Machine Interface를 연구했습니다. 잠시 동안 나는 간단한 패널을 가지고지도를 표시하고 싶습니다.
내 코드는 다음과 같다 :

var mappanel = Ext.create('GeoExt.panel.Map', { 
     title: "AZE TILE - AZE", 
     map: map, 
     center: '12.3046875,51.48193359375', 
     zoom: 6, 
     stateful: true, 
     stateId: 'mappanel', 
    }); 

을 그리고, 내가 가진 (내가지도를 만들기 위해 거기에 OpenLayers 코드를 표시 아니지만, 그렇게 할 아무 소용이 없다 주) 내 뷰포트 :

Ext.create('Ext.container.Viewport', { 
     layout:'border', 
     id: 'BorderLayout', 
     defaults: { 
      collapsible: true, 
      split: true, 
     }, 
     items: [ 
     [...] 
      { 
       region:'center', 
       title:'Représentation', 
       xtype: 'tabpanel', 
       activeTab: 0, 
       split: false, 
       collapsible: false, 
       animCollapse: false, 
       margins: '5 0 5 0', 
       items: [ 
        { 
         title: 'Tableau', 
        }, 
        { 
         title: 'Carte', <- WHERE I WANT TO DISPLAY THE MAP CONTAINED IN THE PREVIOUS VARIABLE mappanel 
        }, 
        { 
         title: 'Graphiques', 
        }, 
       ] 
      } 
     ] 
    }); 

나는 어떻게 해야할지 모르겠다. 나는 Geoext2 웹 사이트에서 예를 찾았지만, 그들이 모든 변수를 다음과 같이 호출 : 그것은 다음 작업 있지만

items: [ 
     mappanel 
     ] 

, 나는 (제목처럼) 항목에 좀 더 많은 옵션을 추가 할 수 없습니다. 나는 끝내기위한 간단한 작업이라고 생각하지만, 내 새로운 일을 용서할 수는 없다 .--)!

Answer 1

그런데 쉬운 대답, 나는 그것을 스스로 발견했다.

items: [ 
        { 
         title: 'Tableau', 
        }, 
        mappanel, 
        { 
         title: 'Graphiques', 
        }, 
       ] 

Answer 2

GeoExt 패널에 대해 많이 알지 못합니다. 심각한 것은 아닙니다. 을 다른 용기로 mappanel를 넣어 시도 할 수 있습니다 :

items:[{ 
    title: "AZE TILE - AZE", 
    items:[{ 
     xtype: 'container', 
     items: [mappanel] 
    }] 
}] 

을 그런데 코드를 :

items: [ 
     { 
      mappanel 
     }, 

을 mappanel 이미 객체 인 경우, 당신은 중괄호를 사용할 필요가 없습니다.