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


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



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

感谢原文帮助,洗洗

阅读更多
个人分类: js、前端
想对作者说点什么? 我来说一句

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

关闭
关闭
关闭