internet-explorer - GetOrgChart 在 IE 中展开节点
问题描述
我在 IE 和 Edge 中有一个问题,节点在当前显示的图表顶部展开。
此行为仅在 IE 和 Edge 中,Chrome 和 Firefox 按预期显示图表。
var peopleElement = document.getElementById("people");
var orgChart = new getOrgChart(peopleElement, {
theme: "monica",
primaryFields: ["Name", "Title", "Department", "Office", "Email", "Phone", "Mobile"],
photoFields: ["Image"],
enableEdit: false,
enableSearch: true,
enableMove: true,
enablePrint: false,
enableZoomOnNodeDoubleClick: true,
layout: getOrgChart.MIXED_HIERARCHY_RIGHT_LINKS,
expandToLevel: 2,
dataSource: source
解决方案
已在 2.5.2 版中修复
此问题是由以下 getOrgChart 函数引起的:
getOrgChart.util._5 = function (a) {
var b = a.getAttribute("transform");
// Chome/FireFox value: matrix(1,0,0,1,265,100)
// IE value: matrix(1 0 0 1 265 100)
b = b.replace("matrix", "").replace("(", "").replace(")", "");
b = getOrgChart.util._zJ(b);
b = "[" + b + "]";
// Chrome/Firefox value: [1,0,0,1,265,100]
// IE Value: [1 0 0 1 265 100]
b = JSON.parse(b);
return b
}
缺少逗号会导致 JSON 在解析数组时失败。用以下代码替换该函数,它应该可以工作。
getOrgChart.util._5 = function (a) {
var b = a.getAttribute("transform");
// replace all spaces with commas to ensure compatibility in IE
b = b.replace("matrix", "").replace("(", "").replace(")", "").replace(/ /g, ",");
b = getOrgChart.util._zJ(b);
b = "[" + b + "]";
b = JSON.parse(b);
return b
};
推荐阅读
- html - 如何比较 Angular 中的 ENUMS?
- javascript - react.js 通过异常发布字符串或 json
- reactjs - 无法使用 react-router 手动刷新或写入 url
- rust - Rust 中函数前的括号是什么?
- javascript - 从 Javascript 中的 Web 源读取然后使用数组
- bash - SSH 配置文件限制为 100 个身份文件
- java - 如何从 java 库(可用源)中提取一个或多个类,以及它/它们的所有依赖项?
- c# - C# WinForms & SQL Server:如何使用存储过程在 gridview 中渲染图像
- sql - PostgreSQL 9.6 jsonb 查询在数组上使用 like
- database - Tibco BW6 中的数据库插件