位置: 编程技术 - 正文

bootstrap-treeview自定义双击事件实现方法

编辑:rootadmin

推荐整理分享bootstrap-treeview自定义双击事件实现方法,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一些继承树结构,如视图树、列表树等等。但是不知为什么这个插件没有自带双击事件。经过多次测试,使用方法$('#tree').dblclick( function () {})和方法$('#tree').on('dblclick',function(){})都不起作用!百思不得其解。最后救助大神,问题解决了,但是好像不太优雅但最终还是可以交差了。

这个解决方案中使用到了bootstrap-treeview自带的两个事件"nodeSelected"和"nodeUnselected".如果在treeview的节点上双击一定会触发选中事件和取消选中事件,计算这两个时间的时间间隔就可以模拟出双击事件的效果了。双击事件每次点击鼠标左键的间隔,人为操作毫秒足够。

bootstrap-treeview自定义双击事件实现方法

具体代码如下:

粗滤讲解:

最主要的全局变量:lastSelectedNodeId,lastSelectedNodeId

最主要的方法:clickNode()

上面这个方法主要用来判断选中事件和取消选中事件操作的目标是否是一个且时间间隔是否足够小。符合这两个条件客户就是想触发双击事件。可以再函数customBusiness中自定义业务逻辑。

如果大家还想深入学习,可以点击这里进行学习,再为大家附两个精彩的专题:Bootstrap学习教程Bootstrap实战教程

标签: bootstrap-treeview自定义双击事件实现方法

本文链接地址:https://www.jiuchutong.com/biancheng/384676.html 转载请保留说明!

上一篇:WordPress中利用AJAX异步获取评论用户头像的方法(如何使用wordpress)

下一篇:JavaScript电子时钟倒计时

  • 小规模纳税人个税是月报还是季报
  • 适用5%征收率的范围
  • 资产管理公司的使命
  • 生产性资金是生产资料吗
  • 资产处置损益属于当期损益吗
  • 国家相关规定出车补助的文件
  • 普通增值税发票可以抵税吗?
  • 公司补贴为什么要交税
  • 增值税纳税申报表怎么填
  • 计入资本公积的固定资产转出
  • 不需要抵扣的怎么直接进费用
  • 金三打印客户端插件如何下载?
  • 增值税发票国家收几个点的钱
  • 公司收到个人投资款没有备注
  • 员工探亲路费报销交个税吗
  • 车提折旧会计分录
  • 回迁房所得税处理
  • 营业收入存入银行分录
  • win10消费者版本和商业版本有什么区别
  • 民间非盈利组织会计要素组成
  • 营运能力指标正常范围
  • mac电脑遇到问题而重新启动
  • 去年年终奖
  • linux bt命令
  • 计提固定资产折旧怎么做会计科目
  • 处置固定资产增值税怎么计算
  • php类型转换的两种方法
  • 轨迹评价
  • Symfony2创建页面实例详解
  • linux如何搭建
  • 小规模公司购买空调会计分录
  • 借款凭证会计分录是什么
  • 残保金工资总额是计提还是实发
  • 未来的现金流折现
  • 用人民币支付的公司
  • 帝国cms专题
  • 企业官网用什么系统
  • mysql有输入输出语句
  • 股东投资款超过实收资本怎么处理
  • 公司没有车加油费怎么报
  • 外贸企业出口退税流程(详细步骤)
  • 城市维护建设税属于中央还是地方
  • 劳务分包劳务费付款比例
  • 法律中的大额和小额规定
  • 甲方向乙方支付
  • 律师跨省办案
  • 错账更正方法有几种分别适用于什么情况
  • 商业折扣怎么扣
  • 暂估入库已结转成本,下月票回来,还用红冲吗
  • 公司送的车还能要回去吗
  • 公允价值变动损益
  • 车辆商业险和交强险不在同一日期
  • 原材料的合理损耗计入入账成本吗
  • 递延收益的会计核算
  • sql删除多条记录
  • mysql指定查询
  • mac应用图标不见了怎么办
  • launcheflc.exe什么意思
  • windows资源管理器停止工作怎么办
  • win10周年版
  • win7系统ie8浏览器
  • centos8 redhat
  • win8打开蓝牙设置
  • windows10预览版是什么
  • win7系统搜索功能没了
  • android自定义搜索框
  • cocos 2.5d
  • jquery添加图片
  • android edittext被系统键盘遮挡
  • 使用权资产
  • 万代南梦宫上海互娱出品的网络动画
  • javascript的主要内容
  • js初级教程
  • 对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
  • js中写html代码
  • 税收和社保不在同一地缴纳怎么办
  • 开票系统怎么升级?
  • 苏州封闭式高中
  • 上海川沙十八铺市场
  • 梦幻西游新版登录方式
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设