首页 > 代码库 > 解决easyUI下拉控件无法触发onkeydown事件
解决easyUI下拉控件无法触发onkeydown事件
实现在combotree下拉控件中按Backspace键清除combotree选中的值
下面的代码无法获取到键盘事件
<input class="easyui-combotree" id="tt" name="tt" onkeydown="if(event.keyCode==8) clear()"/>
原因是easyUI重新定义了键盘事件,解决如下:
$("#tt").combotree({ url: ‘../insurance/getcalInsuranceList.do‘, valueField: ‘id‘, textField: ‘text‘, editable: true, lines:true, onlyLeafCheck:true, panelHeight: ‘auto‘,//高度 keyHandler: { query: function(q,e){ //q 为输入框的文本值 if(e.keyCode==8){ $("#tt").combotree(‘clear‘) $(‘#tt‘).combotree(‘hidePanel‘); } } }, onl oadSuccess : function() { $("#tt").combotree(‘tree‘).tree("collapseAll");//折叠所有节点 }, onBeforeSelect: function(node) { if (!$(this).tree(‘isLeaf‘, node.target)) { $(this).tree(node.state === ‘closed‘ ? ‘expand‘ : ‘collapse‘, node.target); return false; } }, onClick: function(node) { if (!$(this).tree(‘isLeaf‘, node.target)) { $(‘#tt‘).combotree(‘showPanel‘); } } });
解决easyUI下拉控件无法触发onkeydown事件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。