首页 > 代码库 > 解决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事件