Question

extjs怎么使下面的输入框随着上面的下拉框的值的变动而变动。 我的代码如下，求改！

如：客户组主键为1，客户组名称就为电信；
客户组主键为2，客户组名称就为移动。
new ComboBoxGrid({
valueField:"emp_group_num",
displayField:"emp_group_num",//显示
hiddenName:'emp_group_num',//接收
gridId:"selectGrid",
fieldLabel : "客户组主键",
editable: false,
width : 200,
grid:(new SelectEmpGroupNum({url : EmployeeGroupUrl+'method=query'})).getGrid(),
allowBlank:false,
blankText:'不能为空'
}),
{fieldLabel:'客户组名称',name:'emp_group_name',readOnly:true,value:'电信'}

Answer 1

在combox 中加一个listeners监听器 监听select动作 如果该combox选择框出现变动 则用Ext.getCmp('客户组名称ID').setValue();来设置所选择的combox的值

追问

能不能帮我写下，我刚刚接触JS，什么都不懂。谢谢了!

追答

我把你的代码改成下面的形式 用的是JSON数据 希望你能看明白

xtype : 'combobox', 

labelWidth : 60,

fieldLabel : '客户组主键',

editable : false, // 设置能否编辑

displayField : 'id',

valueField : 'name',

store : Ext.create('Ext.data.Store', {

   autoLoad : true,

   remoteSort : true,

   async : false,

   fields : ['id','name'],

   proxy : {

    type : 'ajax',

    url : '放置你的URL路径',

    reader : {

     type : 'json',

     root : 'rows'

        }

     }

  }),

listeners : {

 select : function(combo,records) {

• //写了这么多 这句才是重点 只有这句代码才能达到你想要的效果

• Ext.getCmp('empGroupName').setValue(combo.getRawValue());

 }

} 

 

{fieldLabel : '客户组名称',id : 'empGroupName',name : 'emp_group_name',readOnly : true,value : '电信'}