Sencha Touch：如何在左侧添加一个表视图作为rootView＆amp;在sencha touch中此分割视图右侧的按钮作为detailsView的视图

Question

我已使用 iphone ＆amp ;;在 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'}.
    ]
}