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

最新推荐文章于 2023-11-22 16:31:02 发布

wei_aiwan

最新推荐文章于 2023-11-22 16:31:02 发布

阅读量3.3k

点赞数 1

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/han_xiaoxue/article/details/90031545

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、静态拼接下拉框

效果

在这里插入图片描述

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");