EasyUI easyui-combobox 值改变操作

 

    最近在优化公司的项目, 项目的框架使用的是EasyUI   为了写一个多选下拉框,让我和一个前端的小伙子费劲脑汁.最终选择先搁置这个功能.

    先来谈一谈EasyUI的这个框架吧, 因为公司内部的管理系统是非常老的框架. 当时的技术easyUI是一个感觉还不错的框架. 现在的前端框架的增多,会更加便捷.

 

    在easyUI中 我们如果使用了easyui-combobox 它会把我们html 原本的值改变事件屏蔽掉,所以只能使用框架的值改变操作.

 

 

html代码:

<input type="text" class="easyui-combobox" name="project_type" id="project_type" value="<%=project_type %>" data-options="
												editable:false,
												valueField:'id',
												textField:'text',
												data:project_type,
												panelHeight:'80',
												panelWidth:'146'
												"/></input>

jquery代码:

   注意: 代码一定要放在function(){}中

function(){
    $("#project_type").combobox({
	         //相当于html >> select >> onChange事件  
	         onChange:function(){  
	             alert("fucking !!!!");  
	         }
		 });
}