JQuery Easyui Combox 使用-CSDN博客

本文链接：https://blog.csdn.net/qq_33236991/article/details/86660477

获取combox值

获取value值：$("#comboxId").combobox("getValue");
获取valueField的值：$("#comboxId").combobox("getValues");

格式化下拉框

$("#comboxId").combobox("setValue", "请选择值");显示在前台的值为字符串
$("#comboxId").combobox("setValues", "请选择值")；显示在前台的字符串每个字符以 "," 隔开
$("#comboxId").combobox("clear");

下拉框的显示后台数据

<input class="easyui-combobox" id="group" name="group" 
				data-options="panelHeight:'auto',valueField:'rid',textField:'rname',url:'${pageContext.request.contextPath}/role/roleComboList.do'" value="-1"/>

valueField和textField的值为实体类的property

下拉框的检验

自带检验类型（validType="email"）

<input type="text" id="email" name="email" class="easyui-validatebox" validType="email" required="true"/>

自定义检验

<tr>
   <td>所属学院：</td>
   <td>
       <input class="easyui-combobox" id="collegeId" name="collegeId" validType="comboxValidate['collegeId','请选择学院']"
				data-options="panelHeight:'auto',valueField:'collegeId',textField:'collegeName',url:'${pageContext.request.contextPath}/system/collegeComboList.do'" value="-1"/>
   </td>
</tr>
<tr>
    <td>角色：</td>
    <td>
        <input class="easyui-combobox" id="group" name="group" validType="comboxValidate['group','请选择角色']"
				data-options="panelHeight:'auto',valueField:'gid',textField:'gname',url:'${pageContext.request.contextPath}/group/groupList.do'" value="-1"/>
    </td>
</tr>

js部分：

$.extend($.fn.validatebox.defaults.rules, {
    comboxValidate : {
	validator : function(value,param,mes) {
	if($('#'+param).combobox("getValues")!=-1 && $('#'+param).combobox("getValues")!=""){
	    return true;
	}
	return false;
    },
    message : "{1}"
}
});