Easy-UI combobox使用

<th width="15%"><span id="xx">xx:</span></th>
<td width="30%"><select id="xxx" class="easyui-validatebox select" required="true" style="width:190px;" panelHeight="150px"></select></td>

//对id加载combobox
$("#xxx").combobox({
   url:'./getSelectxxx.do',
   editable:true,
   valueField:'eventid',  
   textField:'xxxname',
   onChange:function(newValue){
       //对选中的值进行处理
       $("#xxx").combobox('clear');
       $("#xxx").combobox('enable');	
       $("#xxx").combobox('setText','xxx');
       $("#xxx").combobox('setValue','xxx');
       $("#xxx").combobox('disable');     					            	                	                                             
   }
   });

editable选择true则在下拉框中输入值并且有过滤的效果。

  //combobox返回的是list
  @RequestMapping(value = "/getSelectxxx")
  @ResponseBody
  public Object getSelectxxx()
  {
        List<xxx> result =new ArrayList<xxx>();
        try
	{
	   result = this.service.getXXX();
	}
	catch (Exception e)
        {
        }
	return result;
   }

效果图

• 
• 大小: 11.8 KB

• 查看图片附件