读书人

EXTJS4 Form表单中Combox取值与设置值

发布时间: 2013-12-02 12:00:40 作者: rapoo

EXTJS4 Form表单中Combox取值与设置值问题
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);                }            });

读书人网 >JavaScript

热点推荐