zTree ctrl 多选功能
来源:互联网 发布:手机订车票软件 编辑:程序博客网 时间:2024/06/06 05:20
网上多数写的是ztree shift 多选的功能实现, 但是要配合用户习惯来说的话,比较多是用于 ctrl ,因此这个也是根据shift 来写的
callback : { //回调函数 onCheck: zTreeOnCheck }//处理shift键多节点勾选 function zTreeOnCheck(event, treeId, treeNode) { var preClickedNode = window.preClickedNode; window.preClickedNode=treeNode; event = window.event||event;//兼容IE if(event.ctrlKey){ if((!event.ctrlKey && !event.srcEvent.ctrlKey)||!preClickedNode){//event.srcEvent.shiftKey解决firefox兼容性问题 console.log("event ctrlKey error"); return;// shift键 } if(preClickedNode.getParentNode()!=treeNode.getParentNode()){ //是否同级 preClickedNode=null; return; } var obj = jQuery.fn.zTree.getZTreeObj(treeId); // obj.selectNode(preClickedNode,true); //选择 var firstNode =obj.getNodeIndex(preClickedNode); var lastNode =obj.getNodeIndex(treeNode); var count = lastNode - firstNode; var nodeNew = preClickedNode; if (count > 0) { for (var i = 1; i < count; i++){ nodeNew = nodeNew.getNextNode(); if(!nodeNew)break;//用于排除隐患 // obj.selectNode(nodeNew, true); //选择 obj.checkNode(nodeNew, true, true);//勾选 } }else { for (var j = 1; j < (-count); j++) { nodeNew = nodeNew.getPreNode(); if(!nodeNew)break;//用于排除隐患 // obj.selectNode(nodeNew, true); //选择 obj.checkNode(nodeNew, true, true);//勾选 } } } }
阅读全文
0 0
- zTree ctrl 多选功能
- zTree shift多选功能
- [js][zTree]zTree树组件shift多选功能的实现
- jQuery 处理Ctrl 和shift 实现多选功能
- ztree实例(反选功能)
- zTree的某些特殊功能(拖拽和多选)
- Ztree核心功能整合
- clone ctrl+c 功能
- 功能树Ztree的使用
- ztree实现拖拽功能
- ztree实现下拉功能 input
- extjs treepanel的ctrl、shift多选、连选功能实现
- 用zTree做树形多选
- MFC 实现复制功能 Ctrl+C Ctrl+V 功能
- Ctrl+C的功能实现
- 网页查找功能 ctrl+f
- ztree 实现树的搜索功能
- ztree异步加载实现全选功能
- Android自动化大讲堂34--终极自动化框架UIAutomator使用详解
- Android自动化大讲堂31--Instrumentation捕获项目控件
- 5.虚拟机性能监控与故障处理工具
- 妙用XML实体引用
- 编译UPX加壳工具
- zTree ctrl 多选功能
- 大数据之:影像提取中深度学习样本库获取的思考
- Mybatis初步
- 左边多级导航切换右边的main
- Android源码中学习文档如何查看
- Android自动化大讲堂32--Instrumentation对项目的自动化测试
- Android自动化大讲堂35--UIAutomator控件捕获
- Android自动化大讲堂28--Instrumentation前世今生之分析
- Android自动化大讲堂33--Instrumentation工具反思