SEARU.ORG
当前位置:SEARU.ORG > Linux 软件 > 正文

组织结构图插件 OrgChart

OrgChart 是一个基于纯DOM与CSS3的组织结构图插件

local datasource

示例代码:

// sample of core source code
var datascource = {
  'name': 'Lao Lao',
  'title': 'general manager',
  'relationship': '001',
  'children': [
    { 'name': 'Bo Miao', 'title': 'department manager', 'relationship': '110' },
    { 'name': 'Su Miao', 'title': 'department manager', 'relationship': '111',
      'children': [
        { 'name': 'Tie Hua', 'title': 'senior engineer', 'relationship': '110' },
        { 'name': 'Hei Hei', 'title': 'senior engineer', 'relationship': '110' }
      ]
    },
    { 'name': 'Yu Jie', 'title': 'department manager', 'relationship': '110' }
  ]
};

$('#chart-container').orgchart({
  'data' : datascource,
  'depth': 2,
  'nodeTitle': 'name',
  'nodeContent': 'title'
});

未经允许不得转载:SEARU.ORG » 组织结构图插件 OrgChart

赞 (0)
分享到:更多 ()

评论 0