求帮助 想在extjs中做一个组织架构图 用的orgchart 报错无法解决

醉酒狂花乱舞 2017-10-10 04:38:36
没写过组织架构,所有网上查阅了不少方法,最后采用 orgchart,想先用本地数据,做个如下的效果图,但是直接就无法显示了。



代码如下:


Ext.define('App.wjw.systemsetting.dictionary.testzuzhi', {
extend : 'Ext.Container',
oldStyle : true,
showchntype : false,
id : 'ss',
initComponent : function() {
//本地数据
var datascource = {
'id': '1',
'name': 'Lao Lao',
'title': 'general manager',
'children': [{
'id': '2',
'name': 'Bo Miao',
'title': 'department manager'
},
{
'id': '3',
'name': 'Su Miao',
'title': 'department manager',
'children': [{
'id': '4',
'name': 'Tie Hua',
'title': 'senior engineer'
},
{
'id': '5',
'name': 'Hei Hei',
'title': 'senior engineer',
'children': [{
'id': '6',
'name': 'Pang Pang',
'title': 'engineer'
},
{
'id': '7',
'name': 'Xiang Xiang',
'title': 'UE engineer'
}]
}]
},
{
'id': '8',
'name': 'Yu Jie',
'title': 'department manager'
},
{
'id': '9',
'name': 'Yu Li',
'title': 'department manager'
},
{
'id': '10',
'name': 'Hong Miao',
'title': 'department manager'
},
{
'id': '11',
'name': 'Yu Wei',
'title': 'department manager'
},
{
'id': '12',
'name': 'Chun Miao',
'title': 'department manager'
},
{
'id': '13',
'name': 'Yu Tie',
'title': 'department manager'
}]
};

//通过ID寻找div去展示
$('ss').orgchart({
'data': datascource,
'nodeContent': 'title',
'nodeID': 'id',
'createNode': function($node, data) {
var secondMenuIcon = $('<i>', {
'class': 'fa fa-info-circle second-menu-icon',
click: function() {
$(this).siblings('.second-menu').toggle();
}
});
var secondMenu = '<div class="second-menu"><img class="avatar" src="../img/avatar/' + data.id + '.jpg"></div>';
$node.append(secondMenuIcon).append(secondMenu);

}

});

this.callParent(arguments);
},

});


最后报错如下,这个报错,我谷歌后,虽然有类似的,但是完全不一样。。


jquery.orgchart.js:78 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
at s.init (jquery.orgchart.js:78)
at r.fn.init.e.fn.orgchart (jquery.orgchart.js:1248)
at constructor.initComponent (/spwjw/App/wjw/systemsetting/dictionary/testzuzhi.js:115)
at constructor (ext-all-dev.js:43541)
at constructor.callParent (ext-all-dev.js:6952)
at constructor (ext-all-dev.js:49279)
at new constructor (ext-all-dev.js:8161)
at eval (eval at getInstantiator (ext-all-dev.js:8946), <anonymous>:3:8)
at Object.instantiate (ext-all-dev.js:8911)
at Object.create (ext-all-dev.js:3388)


关于orgchart的js我都已经导入了

...全文
244 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧