Easy-UI combobox使用

最新推荐文章于 2024-04-08 17:39:55 发布

艾伦蓝

最新推荐文章于 2024-04-08 17:39:55 发布

阅读量209

点赞数

分类专栏： Javascript 文章标签： ui

本文链接：https://blog.csdn.net/lan12334321234/article/details/84609073

版权

Javascript 专栏收录该内容

116 篇文章 0 订阅

订阅专栏


<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');     					            	                	                                             
   }
   });

[color=red]editable选择true则在下拉框中输入值并且有过滤的效果。[/color]


  //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;
   }