removed resources example
parent
39d9b29e3c
commit
3b3799426c
|
@ -1,74 +0,0 @@
|
||||||
/**
|
|
||||||
* Copyright (c) 2006-2018, JGraph Ltd
|
|
||||||
|
|
||||||
|
|
||||||
*/
|
|
||||||
|
|
||||||
import React from 'react';
|
|
||||||
import mxEvent from '../../mxgraph/util/event/mxEvent';
|
|
||||||
import mxGraph from '../../mxgraph/view/graph/mxGraph';
|
|
||||||
import mxRubberband from '../../mxgraph/handler/mxRubberband';
|
|
||||||
import mxClient from '../../mxgraph/mxClient';
|
|
||||||
|
|
||||||
class Resources extends React.Component {
|
|
||||||
constructor(props) {
|
|
||||||
super(props);
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
// A container for the graph
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<h1>Resources</h1>
|
|
||||||
This example demonstrates disabling the Synchronous XMLHttpRequest on
|
|
||||||
main thread warning.
|
|
||||||
<div
|
|
||||||
ref={el => {
|
|
||||||
this.el = el;
|
|
||||||
}}
|
|
||||||
style={{
|
|
||||||
position: 'relative',
|
|
||||||
overflow: 'hidden',
|
|
||||||
height: '241px',
|
|
||||||
background: "url('editors/images/grid.gif')",
|
|
||||||
cursor: 'default',
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
componentDidMount() {
|
|
||||||
// Async indirection to load resources asynchronously (see above)
|
|
||||||
// Alternatively you can remove the line that sets mxLoadResources
|
|
||||||
// anove and change the code to not use this callback.
|
|
||||||
|
|
||||||
mxClient.loadResources(() => {
|
|
||||||
// Disables the built-in context menu
|
|
||||||
mxEvent.disableContextMenu(this.el);
|
|
||||||
|
|
||||||
// Creates the graph inside the given container
|
|
||||||
const graph = new mxGraph(this.el);
|
|
||||||
|
|
||||||
// Enables rubberband selection
|
|
||||||
new mxRubberband(graph);
|
|
||||||
|
|
||||||
// Gets the default parent for inserting new cells. This
|
|
||||||
// is normally the first child of the root (ie. layer 0).
|
|
||||||
const parent = graph.getDefaultParent();
|
|
||||||
|
|
||||||
// Adds cells to the model in a single step
|
|
||||||
graph.getModel().beginUpdate();
|
|
||||||
try {
|
|
||||||
const v1 = graph.insertVertex(parent, null, 'Hello,', 20, 20, 80, 30);
|
|
||||||
const v2 = graph.insertVertex(parent, null, 'World!', 200, 150, 80, 30);
|
|
||||||
const e1 = graph.insertEdge(parent, null, '', v1, v2);
|
|
||||||
} finally {
|
|
||||||
// Updates the display
|
|
||||||
graph.getModel().endUpdate();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Resources;
|
|
|
@ -1,7 +1,6 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import Preview from '../Previews';
|
import Preview from '../Previews';
|
||||||
import JsonData from './JsonData';
|
import JsonData from './JsonData';
|
||||||
import Resources from './Resources';
|
|
||||||
import UserObject from './UserObject';
|
import UserObject from './UserObject';
|
||||||
import PageTabs from '../PageTabs';
|
import PageTabs from '../PageTabs';
|
||||||
|
|
||||||
|
@ -9,7 +8,6 @@ export default function _XMLJSON() {
|
||||||
return (
|
return (
|
||||||
<PageTabs curPageURL="/xml_json">
|
<PageTabs curPageURL="/xml_json">
|
||||||
<Preview sourceKey="JsonData" content={<JsonData />} />
|
<Preview sourceKey="JsonData" content={<JsonData />} />
|
||||||
<Preview sourceKey="Resources" content={<Resources />} />
|
|
||||||
<Preview sourceKey="UserObject" content={<UserObject />} />
|
<Preview sourceKey="UserObject" content={<UserObject />} />
|
||||||
</PageTabs>
|
</PageTabs>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in New Issue