ExtJs6获取form里的数据

时间:2021-09-07 14:31:43

1.PanoramForm.js form的items部分


items: [{
xtype: 'form',
id:'customerF',
modelValidation: true,
defaults: {
labelAlign: 'left',
margin: 10,
msgTarget: 'side'
},
items: [{
xtype: 'textfield',
name: 'panoramaId',
allowBlank:false,
fieldLabel: '设室度主键',
bind: {
value: '{thePanoram.id}'
},
editable: false
}],
buttons: [{
text: '确定',
handler: 'editPanoram'
}, {
text: '取消',
handler: 'closePanoramWindow'
}]
}]
 

2.PanoramFormController  editPanoram方法

window = me.getView(),//返回本视图模型
form = window.down('form');//与xype='form'遥相呼应 var formValues = form.getValues();//此处可以获取form对象的所有值 formValues['panoramaId'] //和items里的name相对应
也可以给items里的元素一个id,再用Ext.getCmp('idName')取得值,id要全局唯一。
数据源的获取不可设置id(从数据库查询出的数据)!
editPanoram: function () {
var me = this,
window = me.getView(),
form = window.down('form');
if (!form.isValid()) {
return false;
}
var formValues = form.getValues();
Common.util.Util.doAjax({
url: Common.Config.requestPath('UserPanoram', 'bringIntoMyStudio'),
params: {
panoramaId: formValues['panoramaId']
},
method: 'post',
callback: function() {
window.store.loadPage(1);
}
}, function () {
Common.util.Util.toast("纳入工作室成功");
me.closePanoramWindow();
});
},