Question

如何读取xml文件以绘制图形。

下面的我的代码行，用于以这种方式获取XML数据。我需要将所有XML数据放入var doc object中以在图中绘制形状

var doc = mxUtils.parseXml（STYLE_PATH +'/ Test.xml'）;

下面的完整代码：

mxUtils.getAll([bundle, STYLE_PATH + '/default.xml'], function (xhr) {
                    // Adds bundle text to resources
                    mxResources.parse(xhr[0].getText());

                    // Configures the default graph theme
                    var themes = new Object();
                    themes[Graph.prototype.defaultThemeName] = xhr[1].getDocumentElement();
                    // Main
                    new EditorUi(new Editor(urlParams['chrome'] == '0', themes));
                    var ui = new EditorUi(new Editor());                
                    var doc = mxUtils.parseXml(STYLE_PATH+'/Test.xml');
                    ui.editor.setGraphXml(doc.documentElement);
                }, 

                    function () {
                        document.body.innerHTML = '<center style="margin-top:10%;">Error loading resource files. Please check browser console.</center>';
                    });

Answer 1

mxUtils.parseXml()希望您将XML字符串传递给它，而不是文件路径。因此，您必须将此文件加载为字符串，然后将其传递给parseXml。

Answer 2

解决了这个问题，现在为我工作。

var ui = new EditorUi(new Editor());
var xml_file_path = STYLE_PATH + '/Test.xml';

            var req = mxUtils.get(xml_file_path, mxUtils.bind(this, function (req) {
                if (req.request.status >= 200 && req.request.status <= 299) {
                    if (req.request.response.length > 0) {
                        editorUi.editor.graph.model.beginUpdate();
                        try {
                            var xmlElem = mxUtils.parseXml(req.request.response).documentElement;
                            editorUi.editor.setGraphXml(xmlElem);

                        }
                        catch (e) {
                            console.error(e);
                        }
                        finally {
                            editorUi.editor.graph.model.endUpdate();
                        }
                    }
                }
            }));

如何将xml加载到draw.io图中？

2 个答案: