iphone - iPhone Sencha Touch - 如何在 sencha touch 中将表格视图添加到拆分视图

Question

我Tabbar在 sencha 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如下

Answer 1

您需要使用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}'),
}

我让你猜猜你必须为第二个视图做什么；）

希望这可以帮助