如何解决我想在基于JSON对象的mxGraph中添加圆角矩形
我想在基于JSON对象的mxGraph中添加圆角矩形。我有一个JSON对象,我想通过该JSON对象相应地更新mxGraph工具栏对象。在我的JSON对象中,我想以此为基础更新mxGraph。
这是我要更新mxGraph工具栏的jQuery代码:
useQuery
这是我的示例JSON。据此,我想用圆角矩形更新我的mxGraph工具栏:
function LoadWorkFlow(key,toolbarOptions,content) {
var $xml = "";
$.ajax({
type: "GET",url: "./config/diagrameditor.xml",async: false,dataType: "xml",success: function (d) {
console.log(d);
// var xmldoc = $.parseXML(d);
$xml = $(d);
}
});
$xml = $xml.find("mxeditor");
console.log($xml);
var $Array = $xml.find("Array");
var $add = $($Array).find("add")[0];
$added = $($add).clone();
console.log($added.html());
$.each(toolbarOptions,function (i,toolbarButton) {
var name = "";
var type = "";
if (typeof (toolbarButton) == "string") {
name = toolbarButton;
type = "RoundRect";
} else {
name = toolbarButton.name;
type = toolbarButton.type;
}
});
$xml.find("Array").html($Array.html());
var container = document.getElementById("graph");
var toolbar = document.getElementById('toolbar');
var graph = new mxGraph(container);
var $root = $xml.find("add");
console.log($($add)[0].outerHTML);
var diagram = mxUtils.parseXml($($root)[0].outerHTML);
var codec = new mxCodec(diagram);
var $toolbar = $xml.find("mxDefaultToolbar");
codec.decode(diagram.documentElement,graph.getModel());
graph.fit();
createEditor('./config/diagrameditor.xml');
}
$(document).ready(function () {
var toolbarOptions = ["Purchase","Sale","Quality"];
LoadWorkFlow("","");
}
这是我的图表编辑器的XML。我想通过jQuery更新[{
"reportingDepartment": "guardFile","departmentName": "2","designationHeadDepartment": "sdf"
},{
"reportingDepartment": "purchase","departmentName": "3","designationHeadDepartment": "ert"
}]
和下面的标签内容。
<add as="---reporting value from JSON---"></add>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。