煎茶觸摸VBOX

Question

我有以下煎茶觸摸頁面的要求：

1. 一滴一些選項下
2. 由用戶發佈（長度可以變化大的時候）
3. 文本區域的一個問題顯示得到的答案
4. 兩個按鈕提交和忽略

我使用VBOX佈局。現在的問題是，我希望頁面可以完全滾動而不是部分數據視圖上的滾動等。

我該如何實現它。我對不同的屏幕有類似的要求。

下面是代碼：

Ext.define('HCMDoctor.view.PFQuestion', { 
     extend : 'Ext.form.Panel', 
     xtype : 'PFQuestion', 
     id : 'pfView', 
     config : { 
      layout : { 
       type : 'vbox', 
       align : 'stretch' 
      }, 
      flex : 1, 
      scrollable : true, 
      items : [{ 
         xtype : 'container', 
         html : 'Public Forum Question' 
        }, { 
         xtype : 'selectfield', 
         store : 'CommunityWiseQuestions', 
         name : 'pfCommId', 
         id : 'pfCommId', 
         valueField : 'communityId', 
         displayField : 'displayFull' 
        }, { 
         store : 'PFQuestion', 
         xtype : 'dataview', 
         flex : 1, 
         id : 'pfQuestionHolder', 
         itemTpl : ['{discussionTitle}<br>{description}', 
           '<br>Posted in {postedInCommunityName}'] 
        }, { 
         xtype : 'hiddenfield', 
         id : 'pfQuestionId', 
         name : 'pfQuestionId' 

        }, { 
         xtype : 'textareafield', 
         id : 'pfAnswer', 
         name : 'pfAnswer' 
        }, { 
         store : 'PFQuestion', 
         xtype : 'button', 
         text : 'Ignore', 
         id : 'ignorePFQuestion' 
        }, { 
         store : 'PFQuestion', 
         xtype : 'button', 
         text : 'Submit', 
         id : 'submitPFQuestion' 
        } 

      ] 

     } 
    }); 

感謝

Answer 1

的onload店迭代過記錄，並在每次迭代通過記錄數據傳遞給它創建tpl面板和麪板添加到其父。像這樣：

var parentPanel = Ext.getCmp("pfView"); 
for(var i=0; i++; i<records.size){ 
    var mypanel = Ext.create("Ext.Panel", { 
     data : records[i] 
    }); 
    parentPanel.add(myPanel); 
}