[英]Extjs 4 : Adding dynamic fields to form on click of button
我有一個包含項目和“添加”按鈕的表單,用於將字段動態添加到表單中(復制第一個字段)。 鏈接到按鈕的功能可以做到這一點,這是我的代碼:
var form new Ext.form.FormPanel({
items : [{
xtype: 'fieldcontainer',
combineErrors: true,
msgTarget : 'side',
layout: 'hbox',
items: [{
xtype : 'displayfield',
margin : '0 10 0 0'
},{
xtype : 'button',
text : 'select'
}]
}]
,buttons: [{
text : 'Add field'
}]
})
我認為您應該在button上定義click函數(或給button指定itemId並在控制器中定義一個函數,您可以在其中訪問表單對象項目數組並向表單添加動態“ fieldcontainer”對象。請參見以下代碼段:
在視圖中:
,buttons: [{
text : 'Add field',
itemId : 'addField'
}
在控制器中:
refs : [{
selector : 'viewport form',
ref : 'myForm'
},
init : function(){
this.control({
'#addField':{
click : this.addFieldContainer
}
});
},
addFieldContainer: function(){
var form = this.getMyForm();
form.items.push({
xtype: 'fieldcontainer',
combineErrors: true,
msgTarget : 'side',
layout: 'hbox',
items: [{
xtype : 'displayfield',
margin : '0 10 0 0'
},{
xtype : 'button',
text : 'select'
}]
});
}
希望這可以幫助。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.