解决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‘);
            }
          }
        },
        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‘);
          }
        }
      });

  

时间: 2024-10-10 09:09:00

解决easyUI下拉控件无法触发onkeydown事件的相关文章

使用谷歌提供的SwipeRefreshLayout下拉控件,并自定义实现下拉加载的功能

package com.loaderman.swiperefreshdemo; import android.os.Bundle; import android.os.Handler; import android.support.v4.widget.SwipeRefreshLayout; import android.support.v7.app.AppCompatActivity; import android.view.Gravity; import android.view.View;

DevExpress控件GridView挂下拉控件无法对上值

下拉控件使用RepositoryItemLookUpEdit,加入如下事件进行处理. repositoryItemLookUpEdit1.CustomDisplayText += new DevExpress.XtraEditors.Controls.CustomDisplayTextEventHandler(repositoryItemLookUpEdit1_CustomDisplayText);

基于bootstrap的multiple-select下拉控件使用

multiple-select是一款优秀的下拉菜单控件,能够支持单选和多选. 详细参考文档: JS组件系列--两种bootstrap multiselect组件大比拼 multiple-select 本项目通过使用控件multiple-select实现动态创建单选和多选下拉控件 这里做个小说明:一开始我选用的控件为bootstrap-multiselect  后来,由于我的需求中有个要求:单选下拉默认是不需要有选中项,而bootstrap-multiselect默认会选中一个下拉,multipl

DropDownList 控件不能触发SelectedIndexChanged 事件

相信DropDownList 控件不能触发SelectedIndexChanged 事件已经不是什么新鲜事情了,原因也无外乎以下几种: 1.DropDownList 控件的属性 AutoPostBack="True" 没有写: 2.DropDownList 控件的数据绑定没有放在if (!Page.IsPostBack) 里面: 3.DropDownList 控件选定项的value 值只有在发生变化时,才将信息发往服务器: 有人问 (1)AutoPostBack="True&

下拉框、下拉控件之Select2。自动补全的使用

参考链接: 参考一:https://blog.csdn.net/weixin_36146275/article/details/79336158 参考二:https://www.cnblogs.com/wangchuanqi/p/5981212.html 参考三:https://www.cnblogs.com/sharpest/p/6117043.html 官网:https://select2.org/ 1.使用插件,首先要引入别人的插件了,你可以选择离线(无网络)或者在线引用的(如果有网络).

JQuery下拉控件select的操作汇总

JQuery获取和设置Select选项方法汇总如下: 获取select 先看看下面代码:缙云县外国专家局 1 $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2 var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3 var checkVa

绑定下拉控件

DataTable dt = Utility.Getrole(); DroList.DataSource = dt; DroList.DataTextField = "description"; DroList.DataValueField = "name"; DroList.DataBind(); DroList.Items.Insert(0, new ListItem("请选择", "请选择")); SetDropList

一款好看的可以插入图片的下拉控件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title></title>   

自定义下拉控件,点击屏幕别处收起下拉

/// <summary> /// 在调度消息之前将其筛选出来. /// </summary> /// <param name="m">要调度的消息.无法修改此消息.</param> /// <returns>如果筛选消息并禁止消息被调度,则为 true:如果允许消息继续到达下一个筛选器或控件,则为 false.</returns> public bool PreFilterMessage(ref Message