javascript树形菜单(一):Tigra Tree Menu,实现动态数据加载

要使用一个javascript的树菜单,找了个现成的Tigra Tree Menu,看了下效果,还不错,就打算使用。  http://www.softcomplex.com/products/tigra_tree_menu/

我的需求是根据从服务器取的数据动态地构建树结构,Tigra Tree Menu内部实现是用document.write把树状结构内容写到页面,动态地添加<script/>标签,document.write会重新打开一个输出流,直接写到页面中,把原来的文档都删掉了。


结论:Tigra Tree Menu适合在页面加载前就知道树状结构的内容,然后按照它的documentation直接使用即可,对于动态的数据生成菜单,不可直接使用。


一直忘了(也可能是偷懒心理)补充这篇文章,现在补充一下,要实现树结构动态加载数据,稍微修改一下tree.js的源代码就行了。

1. 备份原始的tree.js,复制一份命名为mytree.js,在mytree上修改(备份的原因是担心出错)

2. 修改tree的toggle函数,原始函数为:this.toggle = function (n_id) { var o_item = this.a_index[n_id]; o_item.open(o_item.b_opened) };

修改为:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值