easyui的combobox，自动搜索的下拉框

* 博客文章部分截图及内容来自于学习的书本及相应培训课程以及网络其他博客，仅做学习讨论之用，不做商业用途。
* 如有侵权，马上联系我，我立马删除对应链接。
* @author Alan
* @Email no008@foxmail.com

作者：多来哈米

如图，输入关键字，左匹配检索

HTML代码

<input class="easyui-combobox" name="userId" id="userId"data-options="valueField:'id',textField:'text',panelHeight:'auto',panelMaxHeight:200,panelMinHeight:100"  style="width: 160px;height: 29px"/>

js获取数据

$('#userId').combobox({
    prompt:'输入首关键字自动检索',
    required:false,
    url:'${path }/portal/designer/tree',
    editable:true,
    hasDownArrow:true,
    filter: function(q, row){
        var opts = $(this).combobox('options');
        return row[opts.textField].indexOf(q) == 0;
    }
});

组件最右边的选择框下拉箭头不美观，那么可以通过设置hasDownArrow:false将其去掉；

首先需要可以编辑，combobox默认的editable就是true