当前位置: 首页 > 编程笔记 >

jsMind通过鼠标拖拽的方式调整节点位置

龚迪
2023-03-14
本文向大家介绍jsMind通过鼠标拖拽的方式调整节点位置,包括了jsMind通过鼠标拖拽的方式调整节点位置的使用技巧和注意事项,需要的朋友参考一下

jsMind是一个纯javascript实现的思维导图类库,基于html5的canvas实现,以BSD协议开源。

提供了思维导图的显示,编辑等功能,支持freemind数据格式,有丰富的开发接口可供使用,具体功能请访问软件主页进一步了解。

jsMind 现已支持通过鼠标拖拽的方式调整节点位置了。只需引用最新版本的 jsmind.js 以及 jsmind.draggable.js 即可使用该功能。需要注意的是,当思维导图设置为不可编辑的时候,拖拽功能也将同时禁止。

请访问 项目主页:http://hizzgdev.github.io/jsmind/ 体验效果。


<script type="text/javascript" src="js/jsmind.js"></script>

<!-- 只需添加下方 js 引用即可 -->

<script type="text/javascript" src="js/jsmind.draggable.js"></script>

以上所述就是本文的全部内容了,希望大家能够喜欢。

 类似资料:
  • 当日程调整(resize)结束并且日程被改变时触发: function(event, dayDelta, minuteDelta, revertFunc, jsEvent, ui, view){} event 是 Event Object 对象,包含当前日程的信息(时间,标题等) dayDelta 是日程移动的天数(可能是负数) minuteDelta 是日程移动的分钟数(可能是负数),只有在议程

  • 当日程调整(resize)结束的时候触发: function( event, jsEvent, ui, view ) { } 用户调整日程之后肯定会触发此回调函数,即使日程没有发生变化。eventResizeStop 在日程信息修改之前触发,并且早于 eventResize 回调。 event 是 Event Object 对象,包含当前日程的信息(时间,标题等) jsEvent 是原生的js对象

  • 当日程调整(resize)开始时触发: function( event, jsEvent, ui, view ) { } event 是 Event Object 对象,包含当前日程的信息(时间,标题等) jsEvent 是原生的js对象,包含鼠标点击坐标等信息。 ui 是 jQuery UI 对象。 view 是当前的 View Object。 官方英文文档:http://arshaw.com/

  • 当拖动结束且日程移动另一个时间时触发: function(event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view){} event 是 Event Object 对象,包含当前日程的信息(时间,标题等) dayDelta 是日程移动的天数(可能是负数) minuteDelta 是日程移动的分钟数(可能是负数),只有在议

  • 当日程拖拽结束的时候触发: function( event, jsEvent, ui, view ) { } 此回调函数肯定会被触发,即使日程时间没有变化。eventDragStop 会在日程的信息修改之前被触发,并且比 eventDrop 回调要早。 event 是 Event Object 对象,包含当前日程的信息(时间,标题等) jsEvent 是原生的js对象,包含鼠标点击坐标等信息。 u

  • 当日程开始拖拽的时候触发eventDragStart回调: function( event, jsEvent, ui, view ) { } event 是 Event Object 对象,包含当前日程的信息(时间,标题等) jsEvent 是原生的js对象,包含鼠标点击坐标等信息。 ui 是 jQuery UI 对象。 view 是当前的 View Object。 官方英文文档:http://a