使用jquery.orgchart实现栏目树的配置与展示

1.首先引入需要的js和css文件,必需的为:jquery-1.8.3.min.js,jquery.orgchart.js

2.在html树中,定义id值为chart-container的节点

<div id="chart-container"></div>

3.在页面加载的js中,定义组织树的结构

 var datascource = {
        'name': '根节点',
        'children': [
          { 'name': '一级节点1', 'url': '1.html',
            'children': [
              { 'name': '二级节点1' },
              { 'name': '二级节点2' },
			  { 'name': '二级节点3' },
			  { 'name': '二级节点4' },
			  { 'name': '二级节点5' },
			  { 'name': '二级节点6' },
			  { 'name': '二级节点7' },
			  { 'name': '二级节点8' }
            ]
          },
          { 'name': '一级节点2', 'url': 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值