EasyUI combobox下拉列表框--下拉列表框的onShowPanel事件

1.原因:最近项目中有很多要用到combobox,但是如果这些数据是加载时获取,而且这些数据是从另一个模块手动添加的话,那么一开始加载这个页面,当点击这个下拉列表框(combobox),如:所属队伍时,它里面是没值可选的,就像下面这种情况

EasyUI combobox下拉列表框--下拉列表框的onShowPanel事件_第1张图片

2.解决方法:当点击所属队伍时,如果下拉类别框为空,弹一个提示,用到的事件是onShowPanel

onShowPanel:当下拉面板显示时触发的事件

3.代码

$('#teamId').combotree({
	url: 'retmmat/tree',
	required: true, 
	valueField: 'id',
	onSelect: function(node){
		$('#team').val(node.text);
	},
	onShowPanel:function(){
	if(($("#teamId").combotree('tree').tree('getRoots').length)==0){//获取树形对象并判断树形对象的根元素的个数是否为空
		$(this).combo('hidePanel', true); //面板为空就隐藏面板
		alertMsg("提示","请先到队伍管理(队伍)模块添加队伍");
		return;
	};
}


你可能感兴趣的:(jQuery,Easy,UI)