Sencha Touch：如何在左侧将表视图添加为rootView，将按钮添加为details的视图在sencha touch中此拆分视图的右侧

Question

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

在带有两个文本消息的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? GridView
• 对于详细视图，例如，使用按钮创建视图很简单（仅仅是示例，可能不完全是您所需要的）：

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