Extjs 5.1 Динамическое добавление контейнера в панель

Question

То, что я пытаюсь сделать, - это динамически добавлять контейнер в панель при нажатии кнопки.

первый экземпляр контейнера добавляется и его можно увидеть в panel.items.length

второй экземпляр года panel.items.length не меняется. но панель можно увидеть в dom и на экране.

Просто хотел знать, почему panel.items.length не увеличивается. Это ошибка?

Скрипач ссылка https://fiddle.sencha.com/#fiddle/p3u

Проверка на линии:

console.log (qitems);

ниже отладчик; он задан для вопросовblock.items.length, о котором я говорю.

Answer 1

Удалите itemId с QuestionTemplate и удалите renderTo из нового экземпляра.

Ваш обработчик щелчка должен выглядеть следующим образом:

listeners: { 
    'click': function(button) { 
     var questionPanel = button.up('form').down('#questionsblock'), 
      qitems = questionPanel.items.length, 
      questiontemplate = Ext.create('QuestionTemplate', { 
      qid: qitems, 
      questiontype: 'text' 
     }); 
     console.log(qitems); 
     questionPanel.add(questiontemplate); 
     questionPanel.doLayout(); 
    } 
} 

Проверить эту скрипку: https://fiddle.sencha.com/#fiddle/p47