Сенча сенсорного Vbox

Question

У меня есть ниже требования страницы с сенчем прикосновением:

1. раскрывающимся некоторыми вариантами
2. вопроса, размещенный пользователями (длина может варьироваться в большое время)
3. текстовой область для отображения получить ответ
4. Две кнопки для покориться и игнорировать

Я использую макет VBOX. Теперь проблема в том, что я хочу, чтобы страница была полностью прокручиваемой, а не частичными прокрутками на dataview и т. Д.

Как я могу ее достичь. У меня одинаковые требования для разных экранов.

Ниже приведен код:

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); 
}