2012-05-18 91 views
1

我在煎茶觸摸實現Tabbar沒有任何內容如下:使用代碼iPhone煎茶觸摸如何表格視圖添加到煎茶觸摸拆分視圖

Ext.ns('sink', 'demos', 'Ext.ux'); 
Ext.ux.UniversalUI = Ext.extend(Ext.Panel, 
           { 
            fullscreen: true, 
            layout: 'hbox', 
            items: 

            [ 
            //Root view 
            { 
             xtype: 'panel', 
             html: 'TableView/Rootview goes here ...', 
             flex: 1 
            }, 

            //Details view 
            { 
             xtype: 'panel', 
             html: 'Message Detail view goes here ....', 
             flex: 2 
            } 
            ] 

           }); 

但我需要兩個Tableviews一個爲Rootview,另一個爲Detailsview,如下所示

+1

廚房水槽演示:用戶界面 - >列表視圖... http://docs.sencha.com/touch/2-0/#!/example/kitchen-sink – 2012-05-18 15:30:15

+0

當我使用任何代碼列表模擬器只顯示白色的空白屏幕 – Vijay

回答

2

您需要使用Ext.List。因此,而不是你的左側面板(如評論//根視圖),可以補充一點:

{ 
    xtype:'list', 
    id: 'navigation', 
    data: [ 
    { title: 'Page 1'}, 
    { title: 'Page 2'}, 
    { title: 'Page 3'}, 
    { title: 'Page 4'}, 
    { title: 'Page 5'} 
    ], 
    itemTpl: new Ext.XTemplate('{title}'), 
} 

我讓你猜你有第二個觀點做什麼;)

希望這有助於

+0

當我使用任何代碼列表模擬器只顯示白色的空白屏幕 – Vijay

+0

嘗試從hbox更改您的面板的佈局適合 –