用javascript 树形菜单(可拖动效果)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了用javascript 树形菜单(可拖动效果)相关的知识,希望对你有一定的参考价值。

javascript 实现树形菜单,可以拖动进行排序的,有添加子类的功能的

参考技术A 然后根据鼠标左键在菜单坐标内按下放开的事件提取当前鼠标的x,y坐标,然后修改属性菜单的top和left属性 或者当鼠标在菜单坐标内按下之后触发鼠标的移动事件,然后在移动事件里设置菜单的top和left对应鼠标当前坐标y和x,这样当鼠标移动时菜单的坐标也会根本改变,实现同步移动 参考技术B 用jquery的第三方插件simpleTree
这插件可以自由拖动,你可以为拖运添加自己的事件
添加子类功能可以自己增加,很容易实现

javascript实现动态加载树形菜单(tree),

需要实现的效果是 从mysql数据库读取数据生成动态数据菜单,异步加载,点击某节点可在右边显示当前内容,目前已经使用simpletree来做,但是发现需要json数据,但是又不知道怎么在页面上获取在json文件中自定义的属性值,所以有高人解答,最好是能有一个例子 email:pastime@Live.cn 谢谢 如果实现再加50分

页面既然得到从服务器传过来的json数据之后,还要转换为Object
比如,服务器组装好的json数据:

id:'001',
nodeMsg:'节点1'

这个是ajax成功之后的回调
function(xhr)
var o = eval('(' + xhr.responseText + ')');
alert(o.id + ':' + o.nodeMsg);
参考技术A 简单说下,希望能引导你,json数据如"name":"aaa"
var ob=val(json_data)使用ob.name就可以获取,首先理解json产生的意义,就是为了方便转换成js对象,你看看相关的资料吧
参考技术B 学习一下

以上是关于用javascript 树形菜单(可拖动效果)的主要内容,如果未能解决你的问题,请参考以下文章

EasyUI+zTree实现简单的树形菜单切换

zTree树形菜单交互选项卡效果实现

怎么把后台的数据在页面用树形菜单显示出来?

Unity UGUI自定义树形菜单(TreeView)

Java构建树形菜单

winForm树形菜单,除了用TreeView还有其他的控件吗?