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

Posted 2023-02-25

【中文标题】iPhone Sencha Touch - 如何在 sencha touch 中将表格视图添加到拆分视图

【英文标题】：iPhone Sencha Touch- How to add table views to the split view in sencha touch

【发布时间】：2012-05-18 12:35:40

【问题描述】：

我在sencha touch中实现了Tabbar，没有任何内容如下：

使用代码

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，如下所示

【问题讨论】：

厨房水槽演示：用户界面 -> 列表视图 ...docs.sencha.com/touch/2-0/#!/example/kitchen-sink

当我使用列表模拟器的任何代码时，只显示白色的空白屏幕

【参考方案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'),

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

希望对你有帮助

【讨论】：

当我使用列表模拟器的任何代码时，只显示白色的空白屏幕

尝试将面板的布局从 hbox 更改为适合