easyui的combobox实现模糊搜索匹配

前言

该模糊匹配效果类似于百度搜索的提示框

这里写图片描述

前台代码

easyui中combobox的mode参数如下:
这里写图片描述

<input class="easyui-combobox" name="name" style="width:90%"
                   data-options="
                    label:'品种名称:',
                   required:true,
                   labelAlign:'right',
                   labelWidth:'150',
                   valueField: 'id',
                   textField: 'name',
                   editable:true,
                   mode:'remote',
                   url:baseurl + 'varityData/comList'
                "
 />

关键代码说明

editable:true, //让combobox框可以编辑,用于用户输入数据
mode:'remote', //从服务器接收数据,用户输入的数据以名为q的参数传至后台
url:baseurl + 'varityData/comList' //后台具体的请求地址

后台代码

    @ResponseBody
    @RequestMapping("/comList")
    public List<?> comList(String q){
        VarityData varityData = new VarityData();
        varityData.setName(q);
        return varityDataService.comList(varityData);
    }
展开阅读全文

Windows版YOLOv4目标检测实战:训练自己的数据集

04-26
©️2020 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值