2012-05-18 3 views
1

Я реализованный Tabbar в сенча контакте без каких-либо содержаний следующим образом:iPhone Сенч Touch-Как добавить представление таблиц в целях раскола в сенче прикосновении

с использованием кода

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 –

+0

, когда я использую любой код для списка simulater показывает только белый пустой экран – Vijay

ответ

2

Вам необходимо использовать Ext.List. Таким образом, вместо левой панели (комментировали, как // зрения Root), вы можете добавить следующее:

{ 
    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

, когда я использую любой код для списка simulater показывает только белый пустой экран – Vijay

+0

Попробуйте изменить макет вашей панели с hbox, чтобы она соответствовала –