Sencha Touch 2 : DataView를 헤더가 다른 두 섹션으로 나누려면 어떻게합니까?

Question

앱에 탭 패널이 있고 "내 리뷰"탭에 사용자가 제출 한 리뷰 섹션과 사용자가 "좋아"한 리뷰 섹션이 있어야합니다. 현재 사용자가 상호 작용 한 모든 리뷰가 포함 된 JSON을 사용하여 하나의 데이터 뷰를 채우고 있으며 사용자가 제출 한 리뷰와 사용자의 '좋아요'리뷰가 분리되어 있지 않습니다. 나는이 두 가지를 나누어 각각에 대한 표제를주고 싶다.

내 탭은 다음과 같습니다 : 나는 두 개의 섹션으로 내 DataView를 분할 할 수 있습니다 방법

var tpl = new Ext.XTemplate(
'<div class=dashbox>', 
'<div class="col1">${starRating} for {movietitle}</div>', 
'<div class="col2">Submitted by {user}</div>', 
'<div class="col3">{status}</div>', 
'</div>' 
); 

Ext.define('MyApp.view.ReviewsDashboard', 
{ 
extend: 'Ext.dataview.DataView', 
xtype: 'reviewsdashboard', 
config: 
{ 
    xtype: 'dataview', 
    title: 'Reviews Dashboard', 
    itemTpl: tpl, 

    store: 
    { 
     autoLoad: true, 

     fields: [ 
      { 
       name: 'id', 
       type: 'int' 
      }, 
      { 
       name: 'user', 
       type: 'int' 
      }, 
      { 
       name: 'movietitle', 
       type: 'string' 
      }, 
      { 
       name: 'starRating', 
       type: 'int' 
      }, 
      { 
       name: 'date', 
       type: 'string' 
      }, 
      { 
       name: 'status', 
       type: 'string' 
      } 

     ], 

     proxy: 
     { 
      type: 'jsonp', 
      url: MyApp.util.Config.getBaseUrl() + 
       '/getReviews.php', 
      reader: 
      { 
       type: 'json', 
       rootProperty: 'listing' 
      } 
     } 
    } 
} 
}); 

을하고 제목이나 헤더를 할당합니다

{ 
      title: 'Reviews Dashboard', 
      iconCls: 'action', 
      layout: 'fit', 
      xtype: 'reviewsdashboard' 


      items: [ 
       { 
        docked: 'top', 
        xtype: 'titlebar', 
        title: 'Reviews Dashboard' 

       } 

      ] 

     } 

내 "리뷰 대시 보드"DataView를은 다음과 같습니다 각 섹션에 대해? 감사!

Answer 1

하나의 탭 또는 별도의 탭에서 2 가지 다른보기를 의미 했습니까? 명확히하십시오. 1 탭에서 컨테이너를 사용하여 2 데이터보기를 보유해야하는 경우 레이아웃은 컨테이너의 hbox (가로 상자, 즉 나란히 쌓여 있음)가됩니다. 각 데이터 뷰의 플렉스 구성은 0.5입니다.