高度自适应

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. 如何权衡自己的angular水准

    angular是现在常用的一个前端MVVM框架,感受下下面的问题权衡下自己的水准吧. 1. angular的数据绑定采用什么机制?详述原理2. 两个平级界面块a和b,如果a中触发一个事件,有哪些方式能 ...

  2. LBaaS 实现机制 - 每天5分钟玩转 OpenStack(125)

    上一节我们已经配置并测试 LBaaS,今天重点分析 Neutron 是如何用 Haproxy 来实现负责均衡的. 在控制节点上运行 ip netns,我们发现 Neutron 创建了新的 namesp ...

  3. 基于MySQL MEB的备份恢复

    MEB(MySQL Enterprise Backup)是MySQL商业版中提供的备份工具,属于物理备份. 同XtraBackup一样,mysqlbackup的使用过程同样包含如下三个步骤: 备份(- ...

  4. word2vec 中的数学原理详解

    word2vec 是 Google 于 2013 年开源推出的一个用于获取 word vector 的工具包,它简单.高效,因此引起了很多人的关注.由于 word2vec 的作者 Tomas Miko ...

  5. 利用Python进行数据分析(4) NumPy基础: ndarray简单介绍

    一.NumPy 是什么 NumPy 是 Python 科学计算的基础包,它专为进行严格的数字处理而产生.在之前的随笔里已有更加详细的介绍,这里不再赘述. 利用 Python 进行数据分析(一)简单介绍 ...

  6. 类型基础---CLR Via C#笔记一

    一.所有类型都是从System.Obejct派生 1.下面两个类型定义是完全一致的: class Employee{ ... } class Employee:System.Object{ ... } ...

  7. 不懂CSS也能定制博客界面!

    之前没想过定制博客界面,毕竟CSS,HTML什么的都不懂,不过看了这篇文章分分钟搞定: [详细图解]一步一步教你自定义博客园(cnblog)界面 我是基于模板BlueSky做了些改动,先看修改前后的效 ...

  8. 一次页面从Jq到Vuejs+PartialView的迁徙

    题外话 本篇分享不能帮助你入门vue,入门的文章也是无意义的,官方文档http://cn.vuejs.org/v2/guide/ 已经写的不能再清晰了.希望我们勇敢的主动地给自己创造实践的机会. 手里 ...

  9. Devexpress Ribbon Add Logo

    一直在网上找类似的效果.在Devpexress控件里面的这个是一个Demo的.没法查看源代码.也不知道怎么写的.所以就在网上搜索了半天的. 终于找到类似的解决办法. 可以使用重绘制的办法的来解决. [ ...

  10. session的使用方法详解

    session的使用方法详解 Session是什么呢?简单来说就是服务器给客户端的一个编号.当一台WWW服务器运行时,可能有若干个用户浏览正在运正在这台服务器上的网站.当每个用户首次与这台WWW服务器 ...