ext 级联

最新推荐文章于 2020-08-10 17:12:56 发布

zyuanq

最新推荐文章于 2020-08-10 17:12:56 发布

阅读量167

点赞数

CC 4.0 BY-SA版权

分类专栏： ext基础文章标签： EXT

本文链接：https://blog.youkuaiyun.com/zyuanq/article/details/83646131

ext基础专栏收录该内容

72 篇文章

订阅专栏

本文介绍如何使用ExtJS库中的JSONStore组件实现考核系统的人员和部门选择功能，包括数据加载、组合框配置和事件监听。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var storeDepart=new Ext.data.JsonStore({   
    autoLoad : true,   
    url:'deptList.action',
    root: 'data',              
    fields :  ['value','name']
});

var storeRUser=new Ext.data.JsonStore({   

    url:'personList.action',
    root: 'data',              
    fields :  ['value','name']
});

storeRUser.on('load', function() {   
	 var firstValue = storeRUser.getRange()[0].data.value;    
	 assessPerson.setValue(firstValue); 
         alert("value="+assessPerson.getValue());//查看选中的value   
         alert("text="+assessPerson.getRawValue());//查看选中的文本 

});  


var assessPerson = new Ext.form.ComboBox({  
	name:'assessPerson',
	fieldLabel: '考核人员', 
     hiddenName: 'assessPerson', 
     xtype: 'combo', 
//     id:'assessPerson',
     anchor: '40%',
     forceSelection: true,
     allowBlank:false,
     editable: false,
     blankText:'请选择该项的属性',
     store:storeRUser, 
     emptyText: '请选择', 
     mode: 'local', 
     selectOnFocus:true, 
     triggerAction: 'all', 
     valueField: 'value', 
     displayField: 'name'
//     readOnly: false
//     
});


var assessDepart = new Ext.form.ComboBox({  
	fieldLabel: '考核部门', 
	 hiddenName: 'assessDepart', 
     xtype: 'combo', 
     anchor: '40%',
     forceSelection: true,
     editable: false,
     allowBlank:false,
     blankText:'请选择该项的属性',
     store:storeDepart, 
     emptyText: '请选择', 
     mode: 'local', 
     selectOnFocus:true, 
     triggerAction: 'all', 
     valueField: 'value', 
     displayField: 'name', 
     readOnly: false,
     listeners:{    
    "select":function(assessDepart,record,index){   

         var codeId = assessDepart.getValue(); 

//         var sd = Ext.get("assessPerson");    
//       
//         sd.setValue('');  

         storeRUser.load({params:{code:codeId}});  


   }                                   
             }         
});