java+easyui combobox自动搜索提示功能

最新推荐文章于 2021-02-15 19:04:40 发布

lannal_w

最新推荐文章于 2021-02-15 19:04:40 发布

阅读量884

点赞数 1

分类专栏： java 文章标签： combobox easyui

本文链接：https://blog.csdn.net/Topxixi/article/details/80482732

版权

java 专栏收录该内容

16 篇文章 1 订阅

订阅专栏

后台

@RequestMapping(value = "/getCompany", method = RequestMethod.POST)
@ResponseBody
public JSONArray getCompany(String q) {
     List<EnterpriseInfo> enterpriseInfos = orderService.getEnterpriseByName(q);
    if(CollectionUtils.isNotEmpty(enterpriseInfos)){
        JSONArray jsonArray = JSONArray.fromObject(enterpriseInfos);
        return jsonArray;
    }else{
        return null;
    }
}

前端js

$(function () {
    $('#companyId').combobox({
        prompt:'输入关键字后自动搜索',
        required:true,
        mode:'remote',
        url:'/order/getCompany',
        editable:true,
        hasDownArrow:false,
        valueField: "enterpriseId",
        textField: "enterpriseName",
        onBeforeLoad: function(param){
            console.log("--------------"+param.q);
            if(param == null || param.q == null || param.q.replace(/ /g, '') == ''){
                var value = $(this).combobox('getValue');
                if(value){// 修改的时候才会出现q为空而value不为空
                    param.id = value;
                    return true;
                }
                return false;
            }
        }
    });

});

前端html
<input id="companyId" class="easyui-combobox" name="companyId" style="width:270px;" data-options="editable:false,valueField:'id', textField:'text'" />