Question

Extjs 4.2.1 Form提交表单问题

把提交表单的内容放到form 的buttons 组中，提交表单就产生错误，在form内单独的button就可以正常提交

Ext.define('js.admin.customerinfo.CustomerEditWindow', {
extend: 'Ext.window.Window',

requires: [
'Ext.form.Panel',
'Ext.form.field.Text',
'Ext.form.field.ComboBox'
],

xtype: 'CustomerEditWindow',
autoShow: false,
modal: true,
height: 450,
width: 350,
layout: 'fit',
title: '添加客户',
initComponent: function() {
var mForm=new Ext.form.Panel({
bodyPadding: 10,
layout: {
type: 'vbox',
align: 'center'
},
submit:function(){

mForm.getForm().submit({
url:'updataCustomer.action',
method:'post',
success: function(form, action){
alert(action.response.responseText);
},
failure: function(form, action){
alert(action.result.errormsg);
}
});
},
items:[
{
xtype: 'textfield',
id:'cName',
name:'cName',
allowBlank: false,
labelWidth: 80,
fieldLabel: '姓名'
},
{
xtype: 'textfield',
id:'cPhone',
name:'cPhone',
allowBlank: false,
labelWidth: 80,
fieldLabel: '电话'
},
{
xtype:'button',
text:'提交',
handler:function(){
mForm.submit();
}
}]
)};
Ext.applyIf(me, {
items:[mForm],
buttons: [
{ //xtype: "button",
text: "确定",
handler: function () {
mForm.submit();
this.up("window").close();
} },
{// xtype: "button",
text: "取消",
handler: function ()
{ this.up("window").close();
} }
]
});
me.callParent(arguments);
}
)};

以上代码 点“提交按钮”就可以提交表单
但是点击 buttons组中的 确定按钮就提交出错，firedug错误信息：
TypeError: this.monitor is null
...kValidityDelay()}},getFields:function(){return this.monitor.getItems()},getBound...
ext-all.js (第 21 行，第 988773 列)

很是奇怪
更多0

Answer 1

外面调用的话，试下mForm.getForm().submit();
其实你完全可以把buttons这一段加到mForm中，window里没不用了