easyui-combobox绑定回车事件相关

去掉combobox回车内容不匹配清空输入项

问题描述:easyui的combobox插件,输入的内容如果和选项不匹配时,按下回车会导致输入的内容被清空。

解决办法:要解决回车时,combobox输入内容和可选项目不匹配时清楚输入内容的问题,需要修改源代码,找到回车处理函数代码,注释掉或者退出代码执行。

本示例使用的easyui版本为1.4.3。用编辑器,如dreamweaver打开jQuery.easyui.min.js,找到function _956(e),大概在12301行,修改这个函数如下。

function _956(e){
var _957=e.data.target;
var t=$(_957);
var _958=t.data("combo");
var opts=t.combo("options");
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: break;//增加这句代码,不执行enter回车代码
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);
}  

 

其他版本的easyui,自己用开发工具找绑定事件的代码入口,也不难。

或者查找$.fn.combo.defaults=$.extend({},$.fn.textbox.defaults,{inputEvents类似的代码,得到keydown事件绑定的函数名称,在搜索函数名称定位enter事件处理代码

推荐查找:case 39:一找一个准!!!

来源:http://www.w3dev.cn/article/20160715/remove-combobox-enter-not-match-clear-input-text.aspx

转载于:http://blog.csdn.net/love_xiolan/article/details/52536718

时间: 2024-10-02 23:39:35

easyui-combobox绑定回车事件相关的相关文章

easyui-combobox绑定回车事件注意事项

回车事件的定义的位置必须是easyui-combobox数据加载的后面,才有效果. HTML文件: <select id="aucBrandNo" class="easyui-combobox" name="aucBrandNo" style="width: 160px;" data-options="required:true,onHidePanel:function(){validateComboboxIn

js实现标签绑定回车事件

给一个input 绑定一个回车事件, 如搜索框 输入内容后敲回车键执行某个事件 <input id="freeText" type="text" value=""> $("#freeText").keypress(function (evt) { evt = (evt) ? evt : ((window.event) ? window.event : ""); var key = evt.key

jQuery EasyUI textbox datagrid 绑定 回车事件

在onLoadSuccess方法中增加监听事件,按下enter键后调用datagrid的reload方法. 1 onLoadSuccess:function() { 2 $('input:text').keydown(function(e) { 3 if(e.keyCode == 13) { 4 datagrid.datagrid('reload'); 5 } 6 }); 7 }

JS绑定回车事件

1.BODY 上绑定 onkeyup="LoginEnter(event)" 2.obj.keyCode==number number为键盘的KEY值 Login();为调用方法 obj.returnValue=falese; 防止后面的操作 function LoginEnter(obj) {            if (obj.keyCode == 13) {                Login();                obj.returnValue = fal

【转发】jQuery给input绑定回车事件

<script type="text/javascript" src="Scripts/jquery-1.6.2.js"></script> <script language="javascript" type="text/javascript"> //方法一如下 $(function(){ $('#dataInput').bind('keypress',function(event){ i

JQuery 绑定回车事件 兼容ie8,ie9

$("#form-search").find('#search-query').bind('keypress', function(e) { var keycode; if(window.event){ keycode = e.keyCode; //IE } else if(e.which){ keycode = e.which; } if (keycode != 13) { return; } that.search(); e.stopPropagation(); return fa

easyui给select控件绑定change事件

一般的做法是使用jQuery来绑定,例如: $("#id").change(function(){ alert("change事件绑定"); }); 当给select加上class="easyui-combobox"这样的样式后,上面的绑定方式失效不相应,正确的方式如下: <select required="false" class="easyui combobox"name="city&q

.NET MVC easyUI中Combo Combobox绑定数据源的问题

这个问题我因为没有仔细看书,在网上查资料时看了好多.一直没遇到好的解决方法.经过同学提醒才解决了.问题不大,但是是新手比较头疼的吧.下面我把解决方案写一下. 前台: Emr_Doc_Emr_Info/Index1.aspx <td class="td-right1-color"> 科室:</td> <td style="width: 160px"> <input class="easyui-combobox&quo

Winform ComboBox 绑定数据源 触发SelectedIndexChanged事件 处理办法

最近寫Winform程式,發現Winform中的ComboBox和Web中的Dropdown相差很大,在ComboBox 绑定数据源 會触发SelectedIndexChanged事件,很困擾,查找了資料,處理方法大體分為三種 1.添加一个标记位,在绑定前设置为false,绑定完成后设置回true(個人覺得用起來的很奇怪) void BindComboBox() { flag=false; ComboxBox1.ValueMember="ValueColumn"; ComboxBox1