combobox 实现select 下拉模糊查找 功能

**

combobox 实现select 下拉模糊查找 功能

**

  <select class="easyui-combobox" name="paymentUnit" id="paymentUnit" style="width:165px;height:25px;">
      <option>请选择</option>
  </select>


----------------------------------

    $("#paymentUnit").combobox({
        url:"XXXXXXXXXXX",
        editable: true,
        valueField: 'sCompanyName',//传递到后逃的id值等
        textField: 'sCompanyName',//显示的值
        panelWidth: 220,   // 下拉框宽度
        panelHeight: 250,  // 下拉框高度
        filter: function(q, row){
           //$("#paymentUnit").combobox("select", row.name);
            var opts = $(this).combobox('options');
            return row[opts.textField].indexOf(q) > -1;
        }
    });
 @RequestMapping(value = "/CompanyList", method = RequestMethod.POST)
@ResponseBody
public List<CompanyDTO> ComList(CompanyDTO CompanyDTO) {
    ExecuteResult<List<CompanyDTO>> executeResult = CompanyFacade.queryCompayName(CompanyDTO);

    return executeResult.getResult();
}

结果如下:
在这里插入图片描述

在这里插入图片描述

文章来自
https://blog.csdn.net/weixin_30892889/article/details/99770341

以上方式会存在请求两次的问题;
去掉select,优化结果如下:

<input id="paymentUnit" name="paymentUnit" class = "easyui-textbox" style="width:220px;">
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 游动-白 设计师: 上身试试
应支付0元
点击重新获取
扫码支付

支付成功即可阅读