DataViewとListViewを同じパネルに配置する

Question

私は、スクリーンに必要なものを簡単に置くことができたiPhoneインタフェースビルダーに精通しています。まず、sencha touchを使用してアプリケーションを開発するためのユーザーインターフェイスの設計に問題があります。オブジェクトをドラッグアンドドロップするだけで、今はハードコーディングを扱う必要があります。具体的には、私の問題はXTemplateを持つデータビューを別にリストビューに置くことです。リストを見るとわかるように私のコードでは、私はデータビューをスクロールし、リストビューを表示しませんcuz彼らは彼らがそれぞれの独自のスクロール機能を持​​ってお互いに別々のように動作します:)私はすべてを表示するのに十分なスペースを持つブラウザでアプリケーションを開く場合。私はリストビューとデータビューを見ることができるので、どのアイデアも非常に参考になるかもしれません。時間制約のあるプロジェクトです。多くの時間に焦点を当て..あなたは下の私のコードを見ることができます

this.listpanel = new Ext.Panel({ 
    layout:'fit', 
     items: [symbolView,newsBySymbolList], 
     dockedItems: [{ 
      xtype: 'toolbar', 
      title: this.record.data.c, 
      items: [{ 
        ui: 'back', 
        text: 'Back', 
        scope: this, 
        handler: function(){ 
         this.ownerCt.setActiveItem(this.prevCard, { 
          type: 'slide', 
          reverse: true, 
          scope: this, 
          after: function(){ 
           this.destroy(); 
          } 
         }); 
        } 
       } 
       ] 
     }], 
     listeners: { 
      activate: { fn: function(){ 
       newsBySymbolList.getSelectionModel().deselectAll(); 
       Ext.repaint(); 
      }, scope: this } 
     } 
    }); 

Answer 1

レイアウトを使用することはできません。あなたは、各サブビューのセットのために、その後

layout: { 
     type: 'vbox', 
     align: 'stretch' 
    }, 
scrollable: true, 

パネル

を含むで次のように使用する必要があります。

flex:1, 
scrollable: false, 

それを行う必要があること。