时间:2016-02-17 22:10 来源: 我爱IT技术网 作者:佚名
欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【bootstrap-treeview自定义双击事件实现方法】，下面是详细的讲解！
bootstrap-treeview自定义双击事件实现方法
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link href="http://www.jb51.net/article/css/bootstrap.css" rel="stylesheet" /> </head> <body> <div id="tree" style="width: 400px;height: 1000px;margin-left: auto;margin-right: auto;"></div> <div id="testDate"></div> <script src="http://www.jb51.net/article/js/jquery.js"></script> <script src="http://www.jb51.net/article/js/bootstrap-treeview.js"></script> <script type="text/javascript"> //获取树形结构列表数据 function getTree() { var tree=[{ text: "Parent 1", nodes: [{ text: "Child 1", nodes: [{ text: "Grandchild 1" }, { text: "Grandchild 2" }] }, { text: "Child 2" }] }, { text: "Parent 2" }, { text: "Parent 3" }, { text: "Parent 4" }, { text: "Parent 5" }]; return tree; } //初始化树形结构列表 $('#tree').treeview({ data: getTree() }); //最后一次触发节点Id var lastSelectedNodeId=null; //最后一次触发时间 var lastSelectTime=null; //自定义业务方法 function customBusiness(data){ alert("双击获得节点名字： "+data.text); } function clickNode(event, data) { if (lastSelectedNodeId && lastSelectTime) { var time=new Date().getTime(); var t=time - lastSelectTime; if (lastSelectedNodeId==data.nodeId && t < 300) { customBusiness(data); } } lastSelectedNodeId=data.nodeId; lastSelectTime=new Date().getTime(); } //自定义双击事件 function customDblClickFun(){ //节点选中时触发 $('#tree').on('nodeSelected', function(event, data) { clickNode(event, data) }); //节点取消选中时触发 $('#tree').on('nodeUnselected', function(event, data) { clickNode(event, data) }); } $('#tree').dblclick( function () { alert("Hello World!"); }); $(document).ready(function() { //customDblClickFun(); }); </script> </body> </html>
关于bootstrap-treeview自定义双击事件实现方法的用户互动如下：
相关问题：bootstrap treeview 怎么使用
答：要下个jquery，因为bootstrap的js是用jquery写的 如果在同一个目录下 .. >>详细
相关问题：怎样才能在treeview里看到bootstrap后的值
答：DNA序列进化的初级分析 首先将自己的序列组比对后存成*.phy文件（eg. 1.phy),copy一份到phylip文件夹内。 1.建NJ树 打开seqboot.exe 输入文件名：1.phy odd number: (4N+1)(eg: 1) r为bootstrap的次数，一般为1000 （设你输入的值为m） 改好了y ... >>详细
相关问题：C#关于TreeView双击事件问题(我想只能双击叶子才有...
答：1、通过判断节点的Level可以针对某一级节点进行特定操作，这是个int值，从0开始的； 2、节点拖拽这个有很多例子，你可以看一下这个： http://www.cnblogs.com/chlyzone/archive/2011/04/22/2025072.html 3、参考第二个问题，在拖拽完成后节点的G... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【ajax】用js来解决ajax读取页面乱码-页面乱码
- 【addEventListener】addEventListener和attachEv
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【extjs】Extjs入门之动态加载树代码-动态加载树
- 【AngularJS】AngularJS语法详解-语法
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-