JQuery EasyUI Combobox联动

js源码

/**
* 学院-专业-班级
*/
$(function(){
var department_json = [];
var profession_json = [];
$('#department').combobox({
multiple: true,
editable: false,
prompt : '请选择学院',
icons: [ {
iconCls : 'icon-clear',
handler : function(e) {
$(e.data.target).combobox('clear');
$('#profession').combobox('setValues', []).combobox('loadData', []);// 专业清空
}
} ],
url: cu('/department/list_department'),
valueField: 'code',
textField: 'name',
onSelect : function(o) {
department_json.push(o.code);
var url = cu('/profession/list_eucombobox') + '?json=' + JSON.stringify(department_json);
$('#profession').combobox('setValues', []).combobox('reload', url);
},
onUnselect : function(o){
var index = department_json.indexOf(o.code);
if(index!=-1)department_json.splice(index,1);
var url = cu('/profession/list_eucombobox');
if(JSON.stringify(department_json)!='[]'){
url = cu('/profession/list_eucombobox') + '?json=' + JSON.stringify(department_json);
}
$('#profession').combobox('setValues', []).combobox('reload', url);
}
});
$('#profession').combobox({
multiple: true,
editable: false,
prompt : '请选择专业',
icons: [ {
iconCls : 'icon-clear',
handler : function(e) {
$(e.data.target).combobox('clear');
$('#class').combobox('setValues', []).combobox('loadData', []);// 班级清空
}
} ],
url: cu('/profession/list_eucombobox'),
valueField: 'code',
textField: 'name',
onSelect : function(o) {
profession_json.push(o.code);
var url = cu('/class/list_eucombobox') + '?json=' + JSON.stringify(profession_json);
$('#class').combobox('setValues', []).combobox('reload', url);
},
onUnselect : function(o){
var index = profession_json.indexOf(o.code);
if(index!=-1)profession_json.splice(index,1);
var url = cu('/class/list_eucombobox');
if(JSON.stringify(profession_json)!='[]'){
url = cu('/class/list_eucombobox') + '?json=' + JSON.stringify(profession_json);
}
$('#class').combobox('setValues', []).combobox('reload', url);
}
});
$('#class').combobox({
multiple: true,
editable: false,
prompt : '请选择班级',
icons: removetxt(),
url: cu('/class/list_eucombobox'),
valueField: 'code',
textField: 'name'
});
});