高度自适应

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. CI Weekly #6 | 再谈 Docker / CI / CD 实践经验

    CI Weekly 围绕『 软件工程效率提升』 进行一系列技术内容分享,包括国内外持续集成.持续交付,持续部署.自动化测试. DevOps 等实践教程.工具与资源,以及一些工程师文化相关的程序员 Ti ...

  2. Cookie和Session的总结

    1.开篇 在之前学习这一段的时候我一直有点没弄清楚,其实对Session这块的理解还可以,但是Cookie感觉始终还是欠缺点火候.之后的很长一段时间都基本上很少用Cookie了,渐渐的也淡忘了这一块的 ...

  3. CSS实现图片缩放特效

    今天是感恩节,祝大家感恩节快乐哦!最近天冷了,大家注意保暖哟.下面一起看看小颖写的demo吧. html代码: <!DOCTYPE html> <html> <head& ...

  4. git 切换远程分支

    http://zhidao.baidu.com/link?url=cuqJsL9skJJn5c556zXfP1dgCAOUK37CDXkNIw_sS0YKmvoROTI0HP7-PbKjgs6Lv4X ...

  5. 真实记录疑似Linux病毒导致服务器 带宽跑满的解决过程

    案例描述 由于最近我在重构之前的APP,需要和server端进行数据交互,发现有一个现象,那么就是隔1~2天总会发生获取数据超时的问题,而且必须要重启服务器才能解决.早在之前,我有留意到这个问题,但是 ...

  6. Python基础(二)

    本章内容: Python 运算符(算术运算.比较运算.赋值运算.逻辑运算.成员运算) 基本数据类型(数字.布尔值.字符串.列表.元组.字典.set集合) for 循环 enumrate range和x ...

  7. Signalr系列之虚拟目录详解与应用中的CDN加速实战

    目录 对SignalR不了解的人可以直接移步下面的目录 SignalR系列目录 前言 前段时间一直有人问我 在用SignalR 2.0开发客服系统[系列1:实现群发通讯]这篇文章中的"/Si ...

  8. ASP.NET Core 中文文档 第三章 原理(12)托管

    原文:Hosting 作者:Steve Smith 翻译:娄宇(Lyrics) 校对:何镇汐.许登洋(Seay) 为了运行 ASP.NET Core 应用程序,你需要使用 WebHostBuilder ...

  9. mailto实现将用户在网页中输入的内容传递到本地邮件客户端

    背景: 想在自己的网站中有这样一个设计: 用户点击提交按钮之后,就会打开本地邮件客户端,并自动将他在输入框中输入的内容作为邮件的内容,像下面这样: mailto可以帮助实现这个功能. 简介: mail ...

  10. SSH中Action的单例与多例

    Structs2中的Bean默认的是单例,在整个程序运行期间,每个Bean只有一个实例,只要程序在运行,这个实例就一直存在. 对于Action来说,单例就容易出问题.如果客户端每次提交的参数都是一样的 ...