如何在mxgraph工作流程编辑器示例中创建顶部导航栏

Question

我正在使用mxgraph的工作流示例。在此，我必须创建由文件，编辑等组成的顶部导航栏。 我尝试使用

<mxEditor defaultGroup="group" defaultEdge="edge"
    helpWindowImage="images/help.gif"
    tasksWindowImage="images/tasks.gif"
    forcedInserting="0"
    swimlaneRequired="0">
    <include name="config/editor-commons.xml"/>
    <include name="js/jsonData.js"/>
    <add as="onInit">
        function (editorui)
        {
            this.put('file', new Menu(mxUtils.bind(this, function(menu, parent)
    {
        this.addMenuItems(menu, ['new', 'open', '-', 'save', 'saveAs', '-', 'import', 'export', '-', 'pageSetup', 'print'], parent);
    })));
    this.put('edit', new Menu(mxUtils.bind(this, function(menu, parent)
    {
        this.addMenuItems(menu, ['undo', 'redo', '-', 'cut', 'copy', 'paste', 'delete', '-', 'duplicate', '-',
                                 'editData', 'editTooltip', 'editStyle', '-', 'edit', '-', 'editLink', 'openLink', '-',
                                 'selectVertices', 'selectEdges', 'selectAll', 'selectNone', '-', 'lockUnlock']);
    })));
        }
function put(name, menu)
{
    this.menus[name] = menu;

    return menu;
};
    </add>
</mxEditor>

但是我无法使用它们或在屏幕上看到它们。 能否请任何人帮助我理解如何在工作流编辑器示例中的顶部导航栏的新部分。