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

Posted 2020-10-01 Mr_伍先生

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

}