Question

ext 创建window窗体后，在FormPanel中想用取消按钮把输入的内容清空后关闭，这个个取消按钮的事件怎么写 ?

Answer 1

给你个例子吧：
var CureWin=new Ext.Window({
title:'用药记录',
closeAction:'hide',
modal:true,
width:450,
autoHeight:true,
shadow:true,
animCollapse:true,
layout:'form',
frame:true,
labelWidth:100,
labelAlign:'right',
labelSeparator:'：',
border:false,
bodyStyle:'padding:5px',
buttonAlign:'center',
items:[{
xtype:"textfield",
id:"CAmount",
fieldLabel:"每次剂量",
anchor:"90%"
},{
xtype:'textfield',
id:"CUserMethod",
fieldLabel:"给药途径",
anchor:"90%"
},{
xtype:"textfield",
id:"CBadState",
fieldLabel:"不良反应",
anchor:"90%"
}],
buttons:[{
text:'关闭',
handler:function(){
CureWin.hide();
Ext.getCmp("CName").reset();
Ext.getCmp("CAmount").reset();
Ext.getCmp("CUserMethod").reset();
Ext.getCmp("CBadState").reset();
}
}]
});
你也可以把窗体里的内容放到FormPanel里，然后用Ext.getCmp('form1').getForm().reset()来执行清空操作

Answer 2

在取消按钮的handler函数或click事件函数中，假设form里的控件id为text
如果确认控件的OriginalValue是空:
Ext.getCmp('text').reset()
否则推荐用：
Ext.getCmp('text').setValue('')

关闭窗口同样用getCmp方法找到窗口，用close方法

Answer 3

labelWidth用来控制fieldLabel的长度
new Ext.form.FormPanel({

width : 400,
labelAlign : 'right',
height : 200,
defaultType : 'textfield',
labelWidth : 200,
items : [{
fieldLabel : '中rgegejytjyjtjojo过fea',
name : 'name'
}, {
fieldLabel : '地址',
name : 'address'
}, {
fieldLabel : '电话',
name : 'tel'
}]

});