Sencha Touch 2 : 탭 패널 안에 중첩 된 목록 만들기

Question

나는 천 가지의 다른 방법을 지금 성취하려고 노력했지만 Sencha Touch 문서는 분명하거나 도움이되지 않으며 모든 사람들이 그것을 다른 방식으로 생각합니다. 그 중 누구도 나를 위해 일하지 못했습니다.

나는 다음과 같은 방법으로 작업 목록보기를 얻을 관리했습니다 :

Ext.define("MyApp_eComm.view.Products", { 
extend: 'Ext.navigation.View', //Needs to be navigation view to display the  ProductList.js 
xtype: 'products', 

requires: [ 
    'Ext.dataview.List', 
    'MyApp.view.ProductList', 
    'MyApp_eComm.view.ProductDetail' 
], 

config: { 
    title: sMY_CONST_TAB_BROWSE_TITLE, 
    iconCls: sMY_CONST_TAB_BROWSE_CLASS, 

    styleHtmlContent: true, 
    scrollable: true, 

    items: [ 
     /*{ 
      xtype: 'titlebar', 
      docked: 'top', 
      title: sMY_CONST_TAB_BROWSE_SUBTITLE 
     },*/ 
     { 
      xtype: 'productlist', 
      title: sMY_CONST_TAB_BROWSE_SUBTITLE 
     } 
    ] 
} 
}) 

이 탭 패널 내부에 ... 탐색 뷰 내부에 간다 내 목록보기이다. 내비게이션보기를 사용하는 이유는 공개 구성 요소에서 제품 세부 정보보기를 맨 위에 올릴 수 있기 때문입니다.

Ext.define('MyApp.store.ProductStore', { 
extend: 'Ext.data.Store', 

config: { 
    model: 'MyApp.model.ProductListModel', 
    sorters: 'text', 
    data: [ 
     { 
      text: 'Burgers', 
     }, 
     { 
      text: 'Pasta', 
     }, 
     { 
      text: 'Sausages', 
     }, 
     { 
      text: 'Cabbage', 
     }, 
     { 
      text: 'Lettuce', 
     }, 
     { 
      text: 'Marmalade', 
     }, 
     { 
      text: 'Honey', 
     }, 
     { 
      text: 'Yogurt', 
     }, 
     { 
      text: 'Cheese', 
     }, 
     { 
      text: 'Milk', 
     }, 
     { 
      text: 'Bread', 
     }, 
     { 
      text: 'Butter', 
     }, 
     { 
      text: 'Goats Milk', 
     }, 
     { 
      text: 'Apple', 
     }, 
     { 
      text: 'Oranges', 
     }, 
     { 
      text: 'Bananas', 
     }, 
     { 
      text: 'Jelly', 
     }, 
     { 
      text: 'Spagetti Hoops', 
     }, 
     { 
      text: 'Ravioli', 
     }, 
     { 
      text: 'Wheatabix', 
     }, 
     { 
      text: 'Cornflakes', 
     },    

    ] 
} 
}); 

Answer 1

시도가 너무

을 추가 : 여기

Ext.define("MyApp.view.ProductList", { 
extend: 'Ext.List', 
xtype: 'productlist', 

requires: [ 
    'MyApp.store.ProductStore' 
], 

config: { 
    itemTpl: '{text}', 
    store: 'ProductStore', 
    onItemDisclosure: true 
} 
}); 

내 모델 :

Ext.define('MyApp.model.ProductListModel', { 
extend: 'Ext.data.Model', 

config: { 
    fields: ['text'] 
} 
}); 

그리고 마지막으로 여기에 순간에 중첩되지 않은에서 테스트 데이터, 내 가게

config: { 
    title: sMY_CONST_TAB_BROWSE_TITLE, 
    iconCls: sMY_CONST_TAB_BROWSE_CLASS, 

    styleHtmlContent: true, 
    scrollable: true, 

    items: 
    { 
     xtype: 'productlist', 
     title: sMY_CONST_TAB_BROWSE_SUBTITLE 
    } 

}