高度自适应

data-options="required:true,editable:false,panelHeight:'auto',panelMaxHeight:170"
加上panelHeight:'auto'即可

取值问题

例子:<select id="cc" class="easyui-combobox" name="cc" >在对其取值的时候?
//不能使用
$('#cc').val()
//正确应该
//取ID
$('#cc').combobox('getValue')
//取显示的name
$('#cc').combobox('getText')

模糊查询

若要模糊查找,就要把jquery.easyui.js文件row[opts.textField].indexOf(q)==0替换为row[opts.textField].indexOf(q)>-1,或者 添加 filter: function(q, row){ var opts = $(this).combobox('options'); return row[opts.textField].indexOf(q) == 0; }。
修改事件keydown.combo为keyup.combo就能支持火狐的中文模糊搜索。
以上是网上的说法,我的是1.4.3版本

1、调整Combobox支持模糊查询,并支持从任意位置开始匹配
            return row[opts.textField].toLowerCase().indexOf(q.toLowerCase()) == 0;
  修改为
          return row[opts.textField].toLowerCase().indexOf(q.toLowerCase()) > -1;

2、调整Combobox,以支持搜索时中文输入结束不自动触发查询

解决方案:将触发查询执行的引起事件由keydown改成 keyup

    $.fn.combo.defaults = $.extend({}, $.fn.textbox.defaults, {
        inputEvents: { click: _952, keydown: _956, paste: _956, drop: _956 }, panelWidth: null, panelHeight: 200, panelMinWidth: null, panelMaxWidth: null, panelMinHeight: null, panelMaxHeight: null, panelAlign: "left", multiple: false, selectOnNavigation: true, separator: ",", hasDownArrow: true, delay: 200, keyHandler: {
            up: function (e) {
            }, down: function (e) {
            }, left: function (e) {
            }, right: function (e) {
            }, enter: function (e) {
            }, query: function (q, e) {
            }
        }, onShowPanel: function () {
        }, onHidePanel: function () {
        }, onChange: function (_983, _984) {
        }
    });

修改为

    $.fn.combo.defaults = $.extend({}, $.fn.textbox.defaults, {
        inputEvents: { click: _952, keyup: _956, paste: _956, drop: _956 }, panelWidth: null, panelHeight: 200, panelMinWidth: null, panelMaxWidth: null, panelMinHeight: null, panelMaxHeight: null, panelAlign: "left", multiple: false, selectOnNavigation: true, separator: ",", hasDownArrow: true, delay: 200, keyHandler: {
            up: function (e) {
            }, down: function (e) {
            }, left: function (e) {
            }, right: function (e) {
            }, enter: function (e) {
            }, query: function (q, e) {
            }
        }, onShowPanel: function () {
        }, onHidePanel: function () {
        }, onChange: function (_983, _984) {
        }
    });
3.调整Combobox,以支持搜索时中文输入法输英文结束时带回车按钮不自动触发查询
        switch (e.keyCode) {
            case 38:
                opts.keyHandler.up.call(_957, e);
                break;
            case 40:
                opts.keyHandler.down.call(_957, e);
                break;
            case 37:
                opts.keyHandler.left.call(_957, e);
                break;
            case 39:
                opts.keyHandler.right.call(_957, e);
                break;
            case 13:
                e.preventDefault();
                opts.keyHandler.enter.call(_957, e);
                return false;
            case 9:
            case 27:
                _950(_957);
                break;
            default:
                if (opts.editable) {
                    if (_958.timer) {
                        clearTimeout(_958.timer);
                    }
                    _958.timer = setTimeout(function () {
                        var q = t.combo("getText");
                        if (_958.previousText != q) {
                            _958.previousText = q;
                            t.combo("showPanel");
                            opts.keyHandler.query.call(_957, q, e);
                            t.combo("validate");
                        }
                    }, opts.delay);
                }
        }
修改为

        switch (e.keyCode) {
            case 38:
                opts.keyHandler.up.call(_957, e);
                break;
            case 40:
                opts.keyHandler.down.call(_957, e);
                break;
            case 37:
                opts.keyHandler.left.call(_957, e);
                break;
            case 39:
                opts.keyHandler.right.call(_957, e);
                break;
            case 13:
                e.preventDefault();
                if (opts.editable) {
                    if (_958.timer) {
                        clearTimeout(_958.timer);
                    }
                    _958.timer = setTimeout(function () {
                        var q = t.combo("getText");
                        if (_958.previousText != q) {
                            _958.previousText = q;
                            t.combo("showPanel");
                            opts.keyHandler.query.call(_957, q, e);
                            t.combo("validate");
                        }
                    }, opts.delay);
                }
                //opts.keyHandler.enter.call(_957, e);
                return false;
            case 9:
            case 27:
                _950(_957);
                break;
            default:
                if (opts.editable) {
                    if (_958.timer) {
                        clearTimeout(_958.timer);
                    }
                    _958.timer = setTimeout(function () {
                        var q = t.combo("getText");
                        if (_958.previousText != q) {
                            _958.previousText = q;
                            t.combo("showPanel");
                            opts.keyHandler.query.call(_957, q, e);
                            t.combo("validate");
                        }
                    }, opts.delay);
                }
        }

EasyUI combobox的更多相关文章

  1. easyui combobox点击输入框弹出下拉框

    由于easyui combobox需要点击下拉箭头才能下拉,不能像select标签那样点击输入框就下拉,所以觉得不太方便,查看了一下,combobox弹出框是一个div,原本想在他的输入框的点击事件中 ...

  2. jQuery easyui combobox获取值|easyui-combobox获取多个值

    Query easyui combobox事例:            name="language"             data-options="        ...

  3. easyui combobox onSelect事件

    easyui combobox 没有onchange事件,只有onSelect事件 1 $(function () { $('#Select6').combobox({ onSelect: funct ...

  4. jquery easyui combobox 级联及触发事件,combobox级联

    jquery easyui combobox 级联及触发事件,combobox级联 >>>>>>>>>>>>>>&g ...

  5. Easyui combobox onChange事件

    Easyui combobox onChange事件: 注册事件: $(function () { $('#cc_id').combobox({ onChange: function (newValu ...

  6. JQuery EasyUI Combobox的onChange事件

    html中的select 的change事件 <select id="consult_province" name="consult_province" ...

  7. 关于easyui combobox下拉框实现多选框的实现

    好长时间没有更博了,一是因为最近真的比较忙,二是因为自己是真的偷懒了,哈哈 好啦,这篇博客主要是总结一些关于easyui combobox下拉框实现多选框的实现,包括前台界面的展示,和后台对数据的获取 ...

  8. easyui combobox下拉框复制后再禁用,点击不会出现下拉框

    easyui combobox下拉框禁用,点击不会出现下拉框 需要做到,在给easyui combobox赋值后,再禁用easyui combobox 解决办法: $("#time-sele ...

  9. easyui combobox开启搜索自动完成功能

    combo.json [{ "id":-1, "text":" ", "spell":"" },{ ...

  10. 表单(上)EasyUI Form 表单、EasyUI Validatebox 验证框、EasyUI Combobox 组合框、EasyUI Combo 组合、EasyUI Combotree 组合树

    EasyUI Form 表单 通过 $.fn.form.defaults 重写默认的 defaults. 表单(form)提供多种方法来执行带有表单字段的动作,比如 ajax 提交.加载.清除,等等. ...

随机推荐

  1. ABP框架 - 时间

    文档目录 本节内容: 简介 时钟 客户端 时区 客户端 绑定器与转换器 简介 虽然有些应用目标市场只是在一个时区,有些应用目标市场是许多不同时区,为满足这种需求并集中化日期操作,ABP为日期操作提供公 ...

  2. 快速查找sql server中的存储过程和视图

    select a.name,a.[type],b.[definition] from sys.all_objects a,sys.sql_modules b where a.is_ms_shipped ...

  3. Entity Framework中使用IEnumerable<T>、IQueryable<T>及IList<T>的区别

    1. IEnumerable<T> IEnumerable<T> :对于在内存中集合上运行的方法,返回的可枚举对象将捕获传递到方法的参数.在枚举该对象时,将使用查询运算符的逻辑 ...

  4. 【原】使用Bmob作为iOS后台开发心得——云端代码添加其他User的Relation关系

    本文转载请注明出处 —— polobymulberry-博客园 问题描述 我在User表中增加了两个列,分别为“我关注的人”(Relation关系)和“我的粉丝”(Relation关系)当我关注某个人 ...

  5. Android5.0以下出现NoClassDefFoundError

    事发起因 大周末的,突然接到老大的电话说很多用户无法安装新上线的APK,让我紧急Fix(现Android项目就我一己之力).但奇怪的是也没有Bug Reporter,而且开发过程中也一直没问题.根据上 ...

  6. 关于join时显示no join predicate的那点事

    我们偶尔,非常偶尔的情况下会在一个查询计划中看到这样的警告: 大红叉,好吓人啊! 把鼠标放上去一看显示这样的信息 No join predicate 直译过来就是:没有连接谓词 在真实的生产环境下我们 ...

  7. Linux A机器免密码SSH登录B机器

    一.问题 如上,A机器经常需远程操作B机器,传输文件到B机器,每次输入帐号密码过于繁琐,下文通过ssh公钥能解免密码操作问题. 二.解决 1.方案 SSH认证采用公钥与私钥认证方式. 2.步骤 1) ...

  8. Mysql加锁过程详解

    1.背景 MySQL/InnoDB的加锁分析,一直是一个比较困难的话题.我在工作过程中,经常会有同事咨询这方面的问题.同时,微博上也经常会收到MySQL锁相关的私信,让我帮助解决一些死锁的问题.本文, ...

  9. UITableViewCell单元格的删除、插入、移动

    UITableViewDelegate的方法      设置编辑模式中得cell的编辑样式(删除或插入)      - (UITableViewCellEditingStyle)tableView:( ...

  10. 在DevExpress中使用CameraControl控件进行摄像头图像采集

    在我们以前的项目了,做摄像头的图片采集,我们一般还是需要做一个封装处理的,在较新版本的DevExpress控件里面,增加了一个CameraControl控件,可以直接调用摄像头显示的,因此也可以做头像 ...