Javascript 向字段容器动态添加extjs项

我正在为我的应用程序使用一个extjs字段容器，其中有表单中的详细信息、资金、家属部分。在“资金和受抚养人”部分，我有一个按钮“添加另一个”，用于在每次单击按钮时添加新的行项目

这是我创建的表单

---

我不熟悉extjs4。任何人都可以帮助我如何在单击时动态创建项目吗？

下面是示例处理程序

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

基本上，它会查找包含行（即字段集）的父组件，访问

initialConfig

属性，在其中查找第一行配置（

items[0]

），创建配置的浅层副本（

Ext.apply

）并将其添加到容器（

container.add

）

---

工作示例：

我们可以更改如下字段的名称：

var container = this.up('fieldset'); 
var config = Ext.apply({}, container.initialConfig.items[0]);
config.fieldLabel = container.items.length+1;
config.items[0].name = 'fname' + config.fieldLabel;
config.items[1].name = 'lname' + config.fieldLabel;
config.items[2].name = 'title' + config.fieldLabel;

---

谢谢，这正是我想要的。您好，我已经在应用程序中实现了相同的功能，但有一个问题需要解决。我们是否可以在默认情况下将ID分配给依亲亲属和基金字段，并在点击“添加其他”按钮（依亲亲属和基金）项目时，应为所有依亲亲属和基金字段动态生成一个新ID。e、 g.对于初始字段集，我们有title1、fname1、lname1，我们希望将title2、fname2、lname2、title3、fname3、lname3等作为附加字段的ID。您可以直接在处理程序中更改名称，也可以创建一些函数，为新行创建配置。例如，我创建了

getDepConfig

函数。