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

Dynamically adding extjs items to field container

本文关键字：字段 添加 extjs 动态      更新时间：2023-09-26

我的应用程序使用extjs字段容器，表单中有详细信息、资金和受抚养人部分。在资金和受赡养人部分，我有一个按钮"添加另一个"，每次单击该按钮时都会添加一个新行项目。

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

我是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);
}

基本上，它找到包含行（即字段集）的父组件，访问items[0]属性，在其中找到第一行配置（Ext.apply），制作配置的浅拷贝（container.add）并将其添加到容器（CCD_5）。

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

我们可以这样更改字段的名称：

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;
相关文章：