ExtJs 5如何以编程方式将项目添加到仪表板？

Question

我需要一些帮助。创建仪表板时，我知道需要填充零件对象

parts: {
            portlet: {
                viewTemplate: {
                    layout: 'fit',
                    html: 'messafe from portlet'
                }
            },
            portlet2: {
                viewTemplate: {
                    layout: 'fit',
                    html: 'message from portlet2'
                }
            }
        }

我也知道我可以在下面使用它们来渲染部分

defaultContent: [{
            type: 'portlet',
            title: 'Test1',
            columnIndex: 0,
            height: 500
        }, {
            type: 'portlet2',
            title: 'Test2',
            columnIndex: 1,
            height: 300
        }, {
            type: 'portlet',
            title: 'Test3',
            columnIndex: 1,
            height: 300
        }, {
            type: 'portlet',
            title: 'Test4',
            columnIndex: 2,
            height: 350
        }, {
            type: 'portlet',
            title: 'Test5',
            columnIndex: 3,
            height: 350
        }]

现在我的问题是现在以编程方式添加（完成所有这些工作）？例如，我想在按钮上单击

创建新组件