ztree 拖拽

作者: 啊啊啊阿南 | 来源:发表于2018-08-08 17:03 被阅读0次

一定要引入jquery.ztree.exedit.js文件,不然根本不会触发onDrag事件!!!!!
其他的官网上有例子就不说了

将节点拖拽到handsontable表中

var setting = {             
 data: {                  
  simpleData: {                   
   enable: true,                  
  },                 
  view: {               
   showLine: true           
  },                
},
edit: {
 enable: true,
 showRemoveBtn: false,                  
 showRenameBtn: false,                  
 drag:{                     
  isCopy: false,                        
  prev: false,                  
  next: false,                  
  inner: false              
 }          
},          
callback: {                 
 //拖拽时鼠标放开事件                
 onDrop: treeOnDrop,
 }
};
function treeOnDrop(event, treeId, node, targetNode, moveType) {          
 var dragObj = {};        
 var $destination = $(document.elementFromPoint(event.clientX, event.clientY));      
 var $tr = $destination.closest('tr');        
 var $tbody = $tr.closest('tbody');       
 var col = $tr.children().index($destination);        
 var row = $tbody.children().index($tr);
 //dragObj.row = row;         
 //dragObj.col = col - 1;   
....        
}  

//或者
function treeOnDrop2(event, treeId, node, targetNode, moveType) {         
 var dragObj = {};        
 var row = event.target.cellIndex -1;
 var col =   event.target.parentNode.sectionRowIndex;
 //dragObj.row = row;         
 //dragObj.col = col ;  
....        
}  

相关文章

  • ztree 拖拽

    一定要引入jquery.ztree.exedit.js文件,不然根本不会触发onDrag事件!!!!!其他的官网上...

  • Vue El-Tree 拖拽排序方法(通用)

    最近在把旧版本的ztree部门排序完成后,详情见 zTree通用拖拽排序寻思着把新版本的el-tree也给加入排序...

  • layer+zTree实现弹出框+树形图

    参考文献 layer弹出框,zTree树插件,树形图 zTree官网 手把手教你学zTree 弹层组件文档 - l...

  • zTree.js的使用

    zTree.js的使用 zTree学习笔记一:实现checkbox、全选、取消全选功能

  • Jquery-Ztree,封装ztree类库

    来源:http://itssh.cn/post/11.html Jquery-Ztree Jquery-Ztree...

  • 手把手教你使用Ztree插件

    基于jquery的树插件Ztree作者自己写的教程, 手把手教你使用Ztree插件

  • JQuery zTree

    一、树简介 官方地址:https://gitee.com/zTree/zTree_v3API文档:http://w...

  • 创建 ZTree

    使用标准json数据构造ztree 4.2使用简单json数据构造ztree(建议) 发送ajax请求获取菜单数据...

  • ztree组件使用,spring,springMVC整合

    ztree的使用,spring和springMVC整合 1.ztree组件 代码如下 效果如下 树结构放在左边,右...

  • zTree

    layout: posttitle: zTreesubtitle: 简单使用date: ...

网友评论

    本文标题:ztree 拖拽

    本文链接:https://www.haomeiwen.com/subject/ieexbftx.html