EasyUI —— 下拉选模糊匹配搜索

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

wei_aiwan

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

阅读量3.1k

点赞数 1

分类专栏： java easyUI代码收录文章标签：动态拼接下拉框下拉选模糊匹配查询 easyUI 下拉选下拉选自动搜索

本文链接：https://blog.csdn.net/han_xiaoxue/article/details/90031545

版权

本文详细介绍了如何使用EasyUI实现下拉选择框的模糊匹配搜索功能，包括静态和动态拼接下拉框的方法。在静态拼接中，展示了HTML、JS和Controller的代码实现；而在动态拼接部分，解释了在页面交互后如何追加数据并支持下拉框的模糊查找功能。

摘要由CSDN通过智能技术生成

一、静态拼接下拉框

效果

在这里插入图片描述

html

<input id="channelCompanyName" name="channelCompanyName" class="easyui-combobox" data-options="" style="width:140px"/>

JS

$(function(){
    	   autoChannelCompanyData("channelCompanyName",permission_Key);
   });

//自动补全客户名称
    function autoChannelCompanyData( inputPositionId ,permission_Key){
    	$("#"+inputPositionId).combobox({
  	    	prompt:'自动搜索',
  	        valueField:'channelCompanyId',
  	        textField:'channelCompanyName',
  	        mode: 'remote',  
  	        panelWidth:140,
  	        panelHeight:'auto',
			delay:300,
			loader:function(param,success,error)
  	        {
				var q = param.q || '';
	            var para = encodeURIComponent(encodeURIComponent(param.q,"UTF-8"),"UTF-8");
                var url=contextPath+'/common/getChannelCompanyName.do?instr='+para+"&permission_Key="+permission_Key;
	            $.ajax({
	                type: 'get',
	                url: url,
	                dataType: 'json',