1

Tabbar私は次のようにコンテンツなしでsenchatouchで実装しました：

コードを使用する

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

                                });

しかし、私は次のようにTableviews1つともう1つRootviewが必要ですDetailsview

4

1 に答える 1

2

Ext.Listを使用する必要があります。したがって、左側のパネル（//ルートビューとしてコメント）の代わりに、これを追加できます：

{
  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}'),
}

私はあなたが2番目のビューのために何をしなければならないかをあなたに推測させます;）

お役に立てれば

于 2012-05-19T23:02:14.240 に答える