Javascript Extjs 5.1将容器动态添加到面板

我试图做的是在点击按钮时动态地将容器添加到面板中

添加了容器的第一个实例，可以在panel.items.length中看到

第二个实例继续。panel.items.length不变。但是这个面板可以在dom和屏幕上看到

只是想知道为什么panel.items.length没有增加。是虫子吗

提琴杆

检查线路：

控制台日志（qitems）

---

调试器下面；它被设置为我所说的questionsblock.items.length。

从QuestionTemplate中删除itemId，并从新实例中删除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();
    }
}

---

检查此小提琴：

建议您阅读有关

renderTo

的文档。“如果组件是容器的子项，请不要使用此选项。容器的布局管理器负责呈现和管理其子项。”谢谢，您提供的解决方案解决了我的问题。再次感谢。