我正在为我的应用程序使用extjs字段容器,在该容器中我在表单中有详细信息,资金,受抚养人部分。在资金和受抚养人部分,我有一个“添加另一个”按钮,该按钮旨在每次单击按钮时添加一个新的行项目。
这是我创建的表格http://jsbin.com/evevod/4/edit
我是extjs4的新手。谁能帮我如何动态创建一个onclick项目?
下面是示例处理程序。
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;