iphone - Sencha Touch：如何在左侧添加一个表格视图作为 rootView 以及在 sencha touch 的这个拆分视图的右侧添加一个带有按钮的视图作为 detailsView

Question

我已经iphone 使用sencha touch&实现了一个应用程序phone gap。

使用以下代码在SRC 文件中的 index.js 中使用以下代码实现拆分视图，其中包含两条文本消息.. 如下图所示

现在我需要在左侧根视图上添加一个表格视图，在右侧详细信息视图上添加一个按钮。如何？

提前致谢

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
                                   }
                                  ]

                                });

Answer 1

目前你rootView和detailView都是xtype: 'panel'。为了实现您的需要，您必须对这两项进行一些修改：

• 对于根视图，实际上它被称为GridView，请阅读此内容以获取更多详细信息：http ://www.sencha.com/forum/showthread.php?150431-Ext.ux.touch.grid
• 对于详细视图，使用按钮创建视图很简单，例如（只是示例，可能不完全是您需要的）：

{
    xtype: 'container',
    items: [
      {xtype: 'button', text: 'my button'},
      {xtype: 'panel', text: 'detail panel'}.
    ]
}