是这样的:[color=red]我用的是EXT 3.0[/color]
1.我要在每一个文本框的后面,跟两个按钮
2.一个按钮是添加 ,一个按钮是删除
3.点击添加,多一行一个文本框,后面还是跟这两个相同的按钮
4.点击删除,删除本行的文本框及按钮
5.我如何知道一共有多少个文本框,以及如何取值???
谢谢!!!
[code="js"]
Ext.onReady(function() {
Ext.BLANK_IMAGE_URL = 'ext-3.0.0/resources/images/default/s.gif';
function createCmp() {
return {
layout : 'hbox',
border : false,
labelSeparator : ' ',
isFormField : true,
items : [{
xtype : 'textfield'
}, {
xtype : 'button',
text : '增加',
handler : function() {
var form = this.ownerCt.ownerCt;
form.add(createCmp());
form.doLayout();
}
}, {
xtype : 'button',
text : '删除',
handler : function() {
var form = this.ownerCt.ownerCt;
if (form.items.length > 1) {
form.remove(this.ownerCt);
form.doLayout();
}
}
}]
};
}
var form = new Ext.form.FormPanel({
renderTo : document.body,
width : 400,
frame : true,
height : 600,
layout : 'form',
labelWidth : 50,
items : [createCmp()]
})
});
[/code]
其实这个很简单啦。
你创建三个函数,分别用来创建文本框,和两个按钮,并且返回他们。
然后看你的界面是怎么布局的了。通过调用者三个函数创好对象并调用容器的add方法分别把他们加到你的布局中
当然在创建上面组件的时候你可以给他们绑定事件,让他们的按钮也具有创建的功能。
循环上面的步骤就可以了
你这个是用3.0里面的组件来实现,还是普通的原声html控件?