extjs中combobox取值会取到显示值,取不到value值,所以在表单提交的时候不能用form.submit();要把所有的值都取出来用ajax提交。
ComboBox代码
Ext.define('App.view.RoleComboBox',{
extend:'Ext.form.ComboBox',
alias:['widget.roleComboBox'],
fieldLabel:'Role',
valueField:'id',
displayField:'name',
name:'role',
hiddenName:'role',
triggerAction:'all',
labelAlign:'right',
typeAhead:true,
minChars:1,
editable:false,
store:'RoleStore',
pageSize:10,
selectOnFocus:true,
matchFieldWidth:false,
listConfig:{
width:240
}
});
设置值代码:
if(data.roleId){
this.roleComboBox.setValue(data.roleId);
this.roleComboBox.setRawValue(data.roleName);
}
取值代码:
注意:var roleBox = me.getUserUpdateView().roleComboBox;
var roleValue = roleBox.value;
这两句代码一定要在form.getValues();前面,要不然取到的值是空的。
var roleBox = me.getUserUpdateView().roleComboBox;
var roleValue = roleBox.value;
var formPanel = btn.up('form');
var form = formPanel.getForm();
var values = form.getValues();//取到表单数据
Ext.apply(values,{role:roleValue});
表单提交代码:
Ext.Ajax.request({
url:formatUrl('user/userUpdate.do'),
method:'POST',
params :values,
success:function(response){
var responseText = response.responseText;
var obj = Ext.JSON.decode(responseText);
if(obj.success == 'ok'){
form.reset();
btn.up('window').hide();
Ext.Msg.alert('系统提示','用户修改成功');
me.search();
}else{
Ext.Msg.alert('系统提示','修改失败,'+obj.msg);
}
},
failure:function(response){
var responseText = response.responseText;
var obj = Ext.JSON.decode(responseText);
Ext.Msg.alert('系统提示','修改失败'+obj.msg);
}
});
分享到:
相关推荐
NULL 博文链接:https://fxiaozj.iteye.com/blog/1174901
Extjs4 表单从数据库读取数据映射到对应的字段中显示
NULL 博文链接:https://firezhfox.iteye.com/blog/1885329
通过多级的代码来获取组件当中表单元素值的一些技巧
主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...
extjs-form组件配置参数详解 extjs各种组件说明
extjs4 grid 包括form js代码
此comboxTree优点多多,可自己配置属性。
简单入门ext要自己去官网下载ext4.21版本,导入到服务路径即可
保存提交代码,extjs4.0 // 重置 和 保存 按钮. buttons: [{ text: '重置', handler: function() { this.up('form').getForm().reset(); } }, { text: '保存', /*formBind: true, //only enabled once the ...
ExtJS的表单使用FormPanel容器 表单使用的布局方式:form和formtable布局 ExtJS的表单和html的form标签是相似的,新建一个FormPanel实际上就是新建一个html的form标签,只是添加许多Ext的样式而已
ExtJs 4 API 中文
参考以前资源,用extJS4.2.1版本做的一个demo示例,希望对大家有用。
目录: 一 Extjs 基础 EXTJS4自学手册——EXT文件目录,本地加载文档,命名规范 EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT...EXTJS4自学手册——页面控件(表单控件)
extjs4 中文 API
本工程为java Web 工程,旨在演示如何提交Extjs 中的表单。 本工程编码方式:UTF-8; 欢迎下载。
项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议
Extjs4中up()和down()的用法 ExtJS4学习笔记(一)---window的创建 ExtJS4学习笔记(七)---带搜索的Grid(SearchGrid) ExtJS4学习笔记(三)---VBox的使用 ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4...
Extjs4--Form登录功能,结合struts2
最新的extjs4 中文api,学习者的好帮手。