码迷,mamicode.com
首页 > 其他好文 > 详细

解决easyUI下拉控件无法触发onkeydown事件

时间:2017-05-17 19:57:20      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:code   高度   log   hand   ace   onkeydown   handler   field   lin   

实现在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‘);
            }
          }
        },
        onLoadSuccess : 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事件

标签:code   高度   log   hand   ace   onkeydown   handler   field   lin   

原文地址:http://www.cnblogs.com/lujiulong/p/6869110.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!