我想在基于JSON对象的mxGraph中添加圆角矩形

编程问答 2022-06-10

问题描述

我想在基于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 (将#修改为@）

javascriptjqueryjsonmxgraphxmlxmlxmlxmlxmlxmlxml