带搜索的下拉框

最新推荐文章于 2023-09-20 06:39:04 发布

weixin_33973609

最新推荐文章于 2023-09-20 06:39:04 发布

阅读量77

点赞数

文章标签： python java json

原文链接：https://my.oschina.net/u/3053442/blog/809147

版权

2019独角兽企业重金招聘Python工程师标准>>>

这是jsp代码，如果需要有查询的下拉框：使用editable:true，loader:btsloader,mode:'remote'


<input id="unitname" type="text" class="easyui-combobox" name="problemType"
data-options="editable:true,panelHeight:'auto',valueField:'ORG_CODE',textField:'ORG_NAME', 
panelHeight:270,loader:btsloader,mode:'remote'"  style="width:200px;height:32px;vertical-align:middle;"/>

js代码：q为输入的内容---遍历的时候下面的代码可以

var btsloader = function (param, success, error){
		var q = param.q || ""; 
		if (q == undefined || q == "" || q == null){
			 return false;
		}
		    $.ajax({  
		        url: "agentsmanage_findUnitNameList.do",  
		        type: "post",  
		        data: {param: q},//后台使用param这个变量接收传值的，后台用了struts、spring后面就不拓展说明了  
		        dataType: "json",  
		        success: function (data) {  
		            success(data);//调用loader的success方法，将items添加到下拉框中,这里是难点啊，之前后台已经返回数据了，但就是不添加到下拉框  
		        }  
		    });
		
	}

上述代码有1个BUG，当不做（if (q == undefined || q == "" || q == null){
return false;
}）时，q为空，后台获取参数的时候会执行3次，浪费资源，如果做了上述判断，初始加载的时候就没有数据。

<td align="center" width="300px;">&nbsp;&nbsp;组织机构： <input id="orgname"
						type="text" class="easyui-combobox" name="orgname"
						data-options="editable:false,panelHeight:'auto',valueField:'ORG_CODE',textField:'ORG_NAME',
						url:'weekplantask_findOrgList.do',panelHeight:170"
						style="width:170px;height:30px;vertical-align:middle;" />
					</td>





<td align="left">&nbsp;&nbsp;单位：
							<input id="empunitname" type="text" class="easyui-combobox" name="problemType"
								data-options="editable:true,panelHeight:'auto',valueField:'ORG_CODE',textField:'ORG_NAME',
								 panelHeight:270,loader:btsloader,mode:'remote'"  style="width:150px;height:32px;vertical-align:middle;"/>
						</td>
						<td align="left">&nbsp;&nbsp;部门：
							<input  id="deptname" type="text" class="easyui-combobox" name="problemType"
								data-options="editable:false,panelHeight:'auto',valueField:'ORG_CODE',textField:'ORG_NAME',
								panelHeight:140" style="width:160px;height:32px;vertical-align:middle;"/>
						</td>






	//初始化datagrid数据
	$('#tt').datagrid({
		queryParams:{
			username:$('#empname').val(),
			unitname:$('#empunitname').combobox('getText'),
			deptname:$('#deptname').combobox('getText'),
			unitcode:$('#empunitname').combobox('getValue'),
			deptcode:$('#deptname').combobox('getValue')
		}
	});
	
	$('#empunitname').combobox({
		onSelect: function (n,o) {
			$('#deptname').combobox('clear');
			var parentCode=$('#empunitname').combobox('getValue'); //n.ORG_CODE
			
			if(parentCode!=null&&parentCode!=''){
				var url='agentsmanage_findDeptNameList.do?parentorgcode='+parentCode;
				$('#deptname').combobox('reload',url);
			}else{
				$('#deptname').combobox('loadData','');
			}
		}
	});

转载于:https://my.oschina.net/u/3053442/blog/809147