煎茶触摸：如何在左侧和视图一个按钮添加一个表视图rootView如DetailsView控件在此拆分

我已经实现在一个应用程序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' 。 为了达到你需要什么，你需要修改一点点的2项：

• 对于根认为，实际上这就是所谓的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'}. ] } 

文章来源: Sencha Touch: how to add a table view as rootView in left side & a view with a button as detailsView in right side of this split view in sencha touch