将extjs项动态添加到字段容器中

Question

我在我的应用程序中使用extjs字段容器,我在表单中有详细信息,资金,家属部分.在基金和家属部分,我有一个"添加另一个"按钮,用于在每次点击按钮时添加新的订单项.

这是我创建的表单 http://jsbin.com/evevod/4/edit

我是extjs4的新手.任何人都可以帮我如何动态创建项目onclick.

Answer 1

下面是示例处理程序.

handler: function() {
    var container = this.up('fieldset');
    var config = Ext.apply({}, container.initialConfig.items[0]);
    config.fieldLabel = container.items.length + 1;
    container.add(config);
}

基本上它找到了保存行的父组件(即fieldset),访问initialConfig属性,在it(items[0])中找到第一行配置,生成config(Ext.apply)的浅拷贝并将其添加到container(container.add).

工作样本:http://jsbin.com/evevod/6/edit#preview