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

回车事件的定义的位置必须是easyui-combobox数据加载的后面,才有效果。

HTML文件:

<select id="aucBrandNo" class="easyui-combobox"  name="aucBrandNo" style="width: 160px;"
     data-options="required:true,onHidePanel:function(){validateComboboxInputValue(this)}">
   </select>

JS文件定义回车事件:

//combobx数据的加载function auctionSelect(aucBrandNos,aucBrandNo) {
    var aucBrandNoStr = ‘‘;
    $.each(aucBrandNos, function(index, temp) {
            aucBrandNoStr += ‘<option value=‘ + temp.key + ‘>‘ + temp.name.substring(1,4) + temp.name.substring(0,1)
                    + ‘</option>‘;
    });

    $(‘#aucBrandNo‘).html(aucBrandNoStr);
    $(‘#aucBrandNo‘).combobox({});
    $(‘#aucBrandNo‘).combobox(‘setValue‘, aucBrandNo);
    keyDownEventFun();//回车事件公共方法
};
function keyDownEventFun(){
    $(‘#aucBrandNo‘).textbox(‘textbox‘).keydown(function (event) {
        if (event.keyCode == 13) {
            //TODO
        }
    });

}
时间: 2024-11-08 21:58:23

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

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 }

easyui-combobox绑定回车事件相关

去掉combobox回车内容不匹配清空输入项 问题描述:easyui的combobox插件,输入的内容如果和选项不匹配时,按下回车会导致输入的内容被清空. 解决办法:要解决回车时,combobox输入内容和可选项目不匹配时清楚输入内容的问题,需要修改源代码,找到回车处理函数代码,注释掉或者退出代码执行. 本示例使用的easyui版本为1.4.3.用编辑器,如dreamweaver打开jQuery.easyui.min.js,找到function _956(e),大概在12301行,修改这个函数如

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