Sencha Touch의 목록 위에지도 추가하기

Question

나는 완전히 Sencha Touch를 처음 사용하고있어서 내가하려는 일에 대한 답을 찾지 못하는 것 같습니다. 현재 이벤트 일정을 보여주는 목록보기가 있습니다. 내가하고 싶은 일은 장소 목록의지도를 보여주는이 목록 위에 블록을 두는 것입니다.

Main.js

Ext.define('eventApp.view.Home', { 

extend: 'Ext.List', 
xtype: 'schedulepanel', 
id: 'sched', 

config: { 
    title: '<span class="logo"></span>', 
    iconCls: 'time', 

    grouped: true, 
    itemTpl: '<div class="white-circle">{time}</div> <div class="list-title">{title}</div> <div class="list-desc">{description}</div>', 
    store: 'ScheduleList', 
    onItemDisclosure: true 
    } 

}); 

이에 관한 어떤 도움이 다량으로 평가 될 것입니다 :

여기에 내 현재 코드입니다. 더 이상 코드가 있다면 알려주세요. 상단 절반은지도와 하단 목록 것이 어디에 당신은 vboxlayout이 추천 수직 블록으로 UI를 중단하는 데 사용해야

Answer 1

:

Ext.define('eventApp.view.Home', { 
    extend: 'Ext.Panel', 
    alias: 'widget.schedulepanel', 
    id: 'sched', 
    config : { 
     layout : 'vbox', 
     items : [{ 
      xtype : 'panel', 
      flex : 1, 
      items : [{ 
       xtype: 'map', 
       useCurrentLocation: true 
      }] 
     }, { 
      xtype : 'panel', 
      flex : 1, 
      items : [{ 
       iconCls: 'time', 
       grouped: true, 
       itemTpl: '<div class="white-circle">{time}</div> <div class="list-title">{title}</div> <div class="list-desc">{description}</div>', 
       store: 'ScheduleList', 
       onItemDisclosure: true 
      }] 
     }] 
    } 
}); 

PS를이 코드를 테스트하지 않았습니다하지만 그건 아이디어.