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

简介: 回车事件的定义的位置必须是easyui-combobox数据加载的后面,才有效果。 HTML文件:   JS文件定义回车事件://combobx数据的加载function auctionSelect(aucBrandNos,aucBrandNo) { var aucBrandNoStr = ''; $.

回车事件的定义的位置必须是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
        }
    });

}

 

相关文章
|
6月前
|
JavaScript
EasyUi下拉框选值时触发js事件。
EasyUi下拉框选值时触发js事件。
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
EasyUI中datagrid的行编辑模式中,找到特定的Editor,并为其添加事件
255 0
|
JavaScript 测试技术 索引
Easyui 关闭jquery-easui tab标签页前触发事件
Easyui 关闭jquery-easui tab标签页前触发事件
110 0
|
存储 JSON JavaScript
Easyui datagrid combobox输入框非法输入判断与事件总结
Easyui datagrid combobox输入框非法输入判断与事件总结
188 0
|
JavaScript 数据库
EasyUI_datagrid实现动态加载列并为其绑定数据
EasyUI_datagrid实现动态加载列并为其绑定数据
643 0
EasyUI combobox选中项变化事件存在的问题
本文目录 1. 背景 2. 写法 3. 实际存在的问题
395 0
|
开发工具
easyui-combobox绑定回车事件相关
去掉combobox回车内容不匹配清空输入项     问题描述:easyui的combobox插件,输入的内容如果和选项不匹配时,按下回车会导致输入的内容被清空。 解决办法:要解决回车时,combobox输入内容和可选项目不匹配时清楚输入内容的问题,需要修改源代码,找到回车处理函数代码,注释掉或者退出代码执行。
1636 0
easyui textbox获取焦点事件
$('#textboxid').textbox().next('span').find('input').focus();   $('#id').textbox('textbox').focus();
1791 0