Sencha Touch 2의 한보기에 몇 가지 구성 요소를 추가하십시오.

Question

저는 sencha를 처음 사용하기 때문에 패널에 몇 가지 구성 요소를 추가하는 방법을 모릅니다. 나는 그것에 관한 어떤 정보도 찾을 수 없기 때문에 구현하기가 정말 쉽다고 생각하며, 시작하는 법을 정말로 모른다. 저는 여기에 표시된 디자인을 좋아합니다 : http://dev.sencha.com/deploy/touch/examples/production/kiva/,하지만 시작 튜토리얼을 시작한 후, 나는 디자인 방식으로도이 프로젝트를 복사 할 수 없습니다.

Ext.define("GS.view.Main", { extend: 'Ext.tab.Panel', 
    requires: ['Ext.TitleBar'], 

    config: { 
     tabBarPosition: 'top', 
     cetner: true, 

     items: [ 
      { 
       xtype: 'profile' 
      }, 
      { 
       xtype: 'map'   
      }, 
     ] 
    } 
}); 

및 위치 : : 내 기본보기 (Main.js)가있는 경우, 사람들은이처럼 보이는, 예를 들어

...이 문제를 처리하는 방법을 제발 도와주세요

Ext.define('GS.view.Position', { extend: 'Ext.Map', 

    xtype: 'map', 

    config: { 
     title: 'Position', 
     iconCls: 'time', 
     useCurrentLocation: true, 
     mapOptions: { 
      zoom: 19 
     }, 
     listeners: { 
      maprender : function(comp, map){ 
       new google.maps.Marker({ 
        position: new google.maps.LatLng(this._geo.getLatitude(), this._geo.getLongitude()), 
        map: map 
       });  



      } 


     } 
    } 
}); 

위치보기에 몇 가지 추가 구성 요소를 추가하는 방법은 무엇입니까? 당신의 위치보기에 '지도'그 라인을 삭제하고 별칭으로 대체 :

감사 미워

Answer 1

은 먼저 당신이하기 위해 xtype을 가지고 나타났습니다. 당신이 좋아하는 별칭 설정을 추가 할 필요 위해 xtype로 위치보기로 호출 할

alias:'widget.mymap' 

는 엽차를 혼동하기 때문에

그나마 당신의 별칭 맵의 이름을 지정합니다. 기본보기에서 다음

는 귀하의 제안에 대한 그래서

items: [ 
     { 
      xtype: 'profile' 
     }, 
     { 
      xtype: 'mymap'   
     }, 
     ]