1

＆をiphone 使ってアプリを実装しました。sencha touchphone gap

次の図に示すように、SRCファイルのindex.jsに2つのテキストメッセージを含む次のコードを使用して分割ビューを実装しました。

次に、左側のルートビューにテーブルビューを追加し、右側の詳細ビューにボタンを追加する必要があります。どうやって？

前もって感謝します

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

                                });

ここに画像の説明を入力してください

4

1 に答える 1

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'}.
    ]
}
于 2012-05-18T10:48:51.487 に答える