<divid=Content><divclass="CClass"><divclass=CTopicid=MainTopic><h1class=CTitle><aname="mxGraph"></a>mxGraph</h1><divclass=CBody><p>Extends <ahref="../util/mxEventSource-js.html#mxEventSource"class=LClassid=link677onMouseOver="ShowTip(event, 'tt1', 'link677')"onMouseOut="HideTip('tt1')">mxEventSource</a> to implement a graph component for the browser. This is the main class of the package. To activate panning and connections use <ahref="#mxGraph.setPanning"class=LFunctionid=link678onMouseOver="ShowTip(event, 'tt401', 'link678')"onMouseOut="HideTip('tt401')">setPanning</a> and <ahref="#mxGraph.setConnectable"class=LFunctionid=link679onMouseOver="ShowTip(event, 'tt398', 'link679')"onMouseOut="HideTip('tt398')">setConnectable</a>. For rubberband selection you must create a new instance of <ahref="../handler/mxRubberband-js.html#mxRubberband"class=LClassid=link680onMouseOver="ShowTip(event, 'tt478', 'link680')"onMouseOut="HideTip('tt478')">mxRubberband</a>. The following listeners are added to <ahref="#mxGraph.mouseListeners"class=LVariableid=link681onMouseOver="ShowTip(event, 'tt37', 'link681')"onMouseOut="HideTip('tt37')">mouseListeners</a> by default:</p><ul><li><tooltipHandler>: <ahref="../handler/mxTooltipHandler-js.html#mxTooltipHandler"class=LClassid=link682onMouseOver="ShowTip(event, 'tt479', 'link682')"onMouseOut="HideTip('tt479')">mxTooltipHandler</a> that displays tooltips</li><li><panningHandler>: <ahref="../handler/mxPopupMenuHandler-js.html#mxPanningHandler"class=LClassid=link683onMouseOver="ShowTip(event, 'tt480', 'link683')"onMouseOut="HideTip('tt480')">mxPanningHandler</a> for panning and popup menus</li><li><connectionHandler>: <ahref="../handler/mxConnectionHandler-js.html#mxConnectionHandler"class=LClassid=link684onMouseOver="ShowTip(event, 'tt481', 'link684')"onMouseOut="HideTip('tt481')">mxConnectionHandler</a> for creating connections</li><li><graphHandler>: <ahref="../handler/mxGraphHandler-js.html#mxGraphHandler"class=LClassid=link685onMouseOver="ShowTip(event, 'tt482', 'link685')"onMouseOut="HideTip('tt482')">mxGraphHandler</a> for moving and cloning cells</li></ul><p>These listeners will be called in the above order if they are enabled.</p><h4class=CHeading>Background Images</h4><p>To display a background image, set the image, image width and image height using <ahref="#mxGraph.setBackgroundImage"class=LFunctionid=link686onMouseOver="ShowTip(event, 'tt310', 'link686')"onMouseOut="HideTip('tt310')">setBackgroundImage</a>. If one of the above values has changed then the <ahref="#mxGraph.view"class=LVariableid=link687onMouseOver="ShowTip(event, 'tt41', 'link687')"onMouseOut="HideTip('tt41')">view</a>’s <ahref="mxGraphView-js.html#mxGraphView.validate"class=LFunctionid=link688onMouseOver="ShowTip(event, 'tt483', 'link688')"onMouseOut="HideTip('tt483')">mxGraphView.validate</a> should be invoked.</p><h4class=CHeading>Cell Images</h4><p>To use images in cells, a shape must be specified in the default vertex style (or any named style). Possible shapes are <ahref="../util/mxConstants-js.html#mxConstants.SHAPE_IMAGE"class=LVariableid=link689onMouseOver="ShowTip(event, 'tt484', 'link689')"onMouseOut="HideTip('tt484')">mxConstants.SHAPE_IMAGE</a> and <ahref="../util/mxConstants-js.html#mxConstants.SHAPE_LABEL"class=LVariableid=link690onMouseOver="ShowTip(event, 'tt485', 'link690')"onMouseOut="HideTip('tt485')">mxConstants.SHAPE_LABEL</a>. The code to change the shape used in the default vertex style, the following code is used:</p><blockquote><preclass="prettyprint">var style = graph.getStylesheet().getDefaultVertexStyle();
style[mxConstants.STYLE_SHAPE] = mxConstants.SHAPE_IMAGE;</pre></blockquote><p>For the default vertex style, the image to be displayed can be specified in a cell’s style using the <ahref="../util/mxConstants-js.html#mxConstants.STYLE_IMAGE"class=LVariableid=link691onMouseOver="ShowTip(event, 'tt486', 'link691')"onMouseOut="HideTip('tt486')">mxConstants.STYLE_IMAGE</a> key and the image URL as a value, for example:</p><blockquote><preclass="prettyprint">image=http://www.example.com/image.gif</pre></blockquote><p>For a named style, the the stylename must be the first element of the cell style:</p><blockquote><preclass="prettyprint">stylename;image=http://www.example.com/image.gif</pre></blockquote><p>A cell style can have any number of key=value pairs added, divided by a semicolon as follows:</p><blockquote><preclass="prettyprint">[stylename;|key=value;]</pre></blockquote><h4class=CHeading>Labels</h4><p>The cell labels are defined by <ahref="#mxGraph.getLabel"class=LFunctionid=link692onMouseOver="ShowTip(event, 'tt313', 'link692')"onMouseOut="HideTip('tt313')">getLabel</a> which uses <ahref="#mxGraph.convertValueToString"class=LFunctionid=link693onMouseOver="ShowTip(event, 'tt312', 'link693')"onMouseOut="HideTip('tt312')">convertValueToString</a> if <ahref="#mxGraph.labelsVisible"class=LVariableid=link694onMouseOver="ShowTip(event, 'tt164', 'link694')"onMouseOut="HideTip('tt164')">labelsVisible</a> is true. If a label must be rendered as HTML markup, then <ahref="#mxGraph.isHtmlLabel"class=LFunctionid=link695onMouseOver="ShowTip(event, 'tt166', 'link695')"onMouseOut="HideTip('tt166')">isHtmlLabel</a> should return true for the respective cell. If all labels contain HTML markup, <ahref="#mxGraph.htmlLabels"class=LVariableid=link696onMouseOver="ShowTip(event, 'tt165', 'link696')"onMouseOut="HideTip('tt165')">htmlLabels</a> can be set to true. NOTE: Enabling HTML labels carries a possible security risk (see the section on security in the manual).</p><p>If wrapping is needed for a label, then <ahref="#mxGraph.isHtmlLabel"class=LFunctionid=link697onMouseOver="ShowTip(event, 'tt166', 'link697')"onMouseOut="HideTip('tt166')">isHtmlLabel</a> and <ahref="#mxGraph.isWrapping"class=LFunctionid=link698onMouseOver="ShowTip(event, 'tt316', 'link698')"onMouseOut="HideTip('tt316')">isWrapping</a> must return true for the cell whose label should be wrapped. See <ahref="#mxGraph.isWrapping"class=LFunctionid=link699onMouseOver="ShowTip(event, 'tt316', 'link699')"onMouseOut="HideTip('tt316')">isWrapping</a> for an example.</p><p>If clipping is needed to keep the rendering of a HTML label inside the bounds of its vertex, then <isClipping> should return true for the respective cell.</p><p>By default, edge labels are movable and vertex labels are fixed. This can be changed by setting <ahref="#mxGraph.edgeLabelsMovable"class=LVariableid=link700onMouseOver="ShowTip(event, 'tt110', 'link700')"onMouseOut="HideTip('tt110')">edgeLabelsMovable</a> and <ahref="#mxGraph.vertexLabelsMovable"class=LVariableid=link701onMouseOver="ShowTip(event, 'tt112', 'link701')"onMouseOut="HideTip('tt112')">vertexLabelsMovable</a>, or by overriding <ahref="#mxGraph.isLabelMovable"class=LFunctionid=link702onMouseOver="ShowTip(event, 'tt111', 'link702')"onMouseOut="HideTip('tt111')">isLabelMovable</a>.</p><h4class=CHeading>In-place Editing</h4><p>In-place editing is started with a doubleclick or by typing F2. Programmatically, <edit> is used to check if the cell is editable (<ahref="#mxGraph.isCellEditable"class=LFunctionid=link703onMouseOver="ShowTip(event, 'tt105', 'link703')"onMouseOut="HideTip('tt105')">isCellEditable</a>) and call <ahref="#mxGraph.startEditingAtCell"class=LFunctionid=link704onMouseOver="ShowTip(event, 'tt30', 'link704')"onMouseOut="HideTip('tt30')">startEditingAtCell</a>, which invokes <ahref="mxCellEditor-js.html#mxCellEditor.startEditing"class=LFunctionid=link705onMouseOver="ShowTip(event, 'tt205', 'link705')"onMouse
}</pre></blockquote><p>When using a config file, the function is overridden in the mxGraph section using the following entry:</p><blockquote><preclass="prettyprint"><add as="getTooltipForCell"><![CDATA[
]]></add></pre></blockquote><p>”this” refers to the graph in the implementation, so for example to check if a cell is an edge, you use this.getModel().isEdge(cell)</p><p>For replacing the default implementation of <ahref="#mxGraph.getTooltipForCell"class=LFunctionid=link715onMouseOver="ShowTip(event, 'tt319', 'link715')"onMouseOut="HideTip('tt319')">getTooltipForCell</a> (rather than replacing the function on a specific instance), the following code should be used after loading the JavaScript files, but before creating a new mxGraph instance using <ahref="#mxGraph.mxGraph"class=LFunctionid=link716onMouseOver="ShowTip(event, 'tt35', 'link716')"onMouseOut="HideTip('tt35')">mxGraph</a>:</p><blockquote><preclass="prettyprint">mxGraph.prototype.getTooltipForCell = function(cell)
}</pre></blockquote><h4class=CHeading>Shapes & Styles</h4><p>The implementation of new shapes is demonstrated in the examples. We’ll assume that we have implemented a custom shape with the name BoxShape which we want to use for drawing vertices. To use this shape, it must first be registered in the cell renderer as follows:</p><blockquote><preclass="prettyprint">mxCellRenderer.registerShape('box', BoxShape);</pre></blockquote><p>The code registers the BoxShape constructor under the name box in the cell renderer of the graph. The shape can now be referenced using the shape-key in a style definition. (The cell renderer contains a set of additional shapes, namely one for each constant with a SHAPE-prefix in <ahref="../util/mxConstants-js.html#mxConstants"class=LClassid=link717onMouseOver="ShowTip(event, 'tt490', 'link717')"onMouseOut="HideTip('tt490')">mxConstants</a>.)</p><p>Styles are a collection of key, value pairs and a stylesheet is a collection of named styles. The names are referenced by the cellstyle, which is stored in <ahref="../model/mxCell-js.html#mxCell.style"class=LVariableid=link718onMouseOver="ShowTip(event, 'tt491', 'link718')"onMouseOut="HideTip('tt491')">mxCell.style</a> with the following format: [stylename;|key=value;]. The string is resolved to a collection of key, value pairs, where the keys are overridden with the values in the string.</p><p>When introducing a new shape, the name under which the shape is registered must be used in the stylesheet. There are three ways of doing this:</p><ul><li>By changing the default style, so that all vertices will use the new shape</li><li>By defining a new style, so that only vertices with the respective cellstyle will use the new shape</li><li>By using shape=box in the cellstyle’s optional list of key, value pairs to be overridden</li></ul><p>In the first case, the code to fetch and modify the default style for vertices is as follows:</p><blockquote><preclass="prettyprint">var style = graph.getStylesheet().getDefaultVertexStyle();
style[mxConstants.STYLE_SHAPE] = 'box';</pre></blockquote><p>The code takes the default vertex style, which is used for all vertices that do not have a specific cellstyle, and modifies the value for the shape-key in-place to use the new BoxShape for drawing vertices. This is done by assigning the box value in the second line, which refers to the name of the BoxShape in the cell renderer.</p><p>In the second case, a collection of key, value pairs is created and then added to the stylesheet under a new name. In order to distinguish the shapename and the stylename we’ll use boxstyle for the stylename:</p><blockquote><preclass="prettyprint">var style = new Object();
style[mxConstants.STYLE_SHAPE] = 'box';
style[mxConstants.STYLE_STROKECOLOR] = '#000000';
style[mxConstants.STYLE_FONTCOLOR] = '#000000';
graph.getStylesheet().putCellStyle('boxstyle', style);</pre></blockquote><p>The code adds a new style with the name boxstyle to the stylesheet. To use this style with a cell, it must be referenced from the cellstyle as follows:</p><blockquote><preclass="prettyprint">var vertex = graph.insertVertex(parent, null, 'Hello, World!', 20, 20, 80, 20,
'boxstyle');</pre></blockquote><p>To summarize, each new shape must be registered in the <ahref="mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link719onMouseOver="ShowTip(event, 'tt51', 'link719')"onMouseOut="HideTip('tt51')">mxCellRenderer</a> with a unique name. That name is then used as the value of the shape-key in a default or custom style. If there are multiple custom shapes, then there should be a separate style for each shape.</p><h4class=CHeading>Inheriting Styles</h4><p>For fill-, stroke-, gradient- and indicatorColors special keywords can be used. The inherit keyword for one of these colors will inherit the color for the same key from the parent cell. The swimlane keyword does the same, but inherits from the nearest swimlane in the ancestor hierarchy. Finally, the indicated keyword will use the color of the indicator as the color for the given key.</p><h4class=CHeading>Scrollbars</h4><p>The <containers> overflow CSS property defines if scrollbars are used to display the graph. For values of ‘auto’ or ‘scroll’, the scrollbars will be shown. Note that the <ahref="#mxGraph.resizeContainer"class=LVariableid=link720onMouseOver="ShowTip(event, 'tt135', 'link720')"onMouseOut="HideTip('tt135')">resizeContainer</a> flag is normally not used together with scrollbars, as it will resize the container to match the size of the graph after each change.</p><h4class=CHeading>Multiplicities and Validation</h4><p>To control the possible connections in mxGraph, <ahref="#mxGraph.getEdgeValidationError"class=LFunctionid=link721onMouseOver="ShowTip(event, 'tt305', 'link721')"onMouseOut="HideTip('tt305')">getEdgeValidationError</a> is used. The default implementation of the function uses <ahref="#mxGraph.multiplicities"class=LVariableid=link722onMouseOver="ShowTip(event, 'tt52', 'link722')"onMouseOut="HideTip('tt52')">multiplicities</a>, which is an array of <ahref="mxMultiplicity-js.html#mxMultiplicity"class=LClassid=link723onMouseOver="ShowTip(event, 'tt53', 'link723')"onMouseOut="HideTip('tt53')">mxMultiplicity</a>. Using this class allows to establish simple multiplicities, which are enforced by the graph.</p><p>The <ahref="mxMultiplicity-js.html#mxMultiplicity"class=LClassid=link724onMouseOver="ShowTip(event, 'tt53', 'link724')"onMouseOut="HideTip('tt53')">mxMultiplicity</a> uses <mxCell.is> to determine for which terminals it applies. The default implementation of <mxCell.is> works with DOM nodes (XML nodes) and checks if the given type parameter matches the nodeName of the node (case insensitive). Optionally, an attributename and value can be specified which are also checked.</p><p><ahref="#mxGraph.getEdgeValidationError"class=LFunctionid=link725onMouseOver="ShowTip(event, 'tt305', 'link725')"onMouseOut="HideTip('tt305')">getEdgeValidationError</a> is called whenever the connectivity of an edge changes. It returns an empty string or an error message if the edge is invalid or null if the edge is valid. If the returned string is not empty then it is displayed as an error message.</p><p><ahref="mxMultiplicity-js.html#mxMultiplicity"class=LClassid=link726onMouseOver="ShowTip(event, 'tt53', 'link726')"onMouseOut="HideTip('tt53')">mxMultiplicity</a> allows to specify the multiplicity between a terminal and its possible neighbors. For example, if any rectangle may only be connected to, say, a maximum of two circles you can add the following rule to <ahref="#mxGraph.multiplicities"class=LVariableid=link727onMouseOver="ShowTip(event, 'tt52', 'link727')"onMouseOut="HideTip('tt52')">multiplicities</a>:</p><blockquote><preclass="prettyprint">graph.multiplicities.push(new mxMultiplicity(
'Only shape targets allowed'));</pre></blockquote><p>This will display the first error message whenever a rectangle is connected to more than two circles and the second error message if a rectangle is connected to anything but a circle.</p><p>For certain multiplicities, such as a minimum of 1 connection, which cannot be enforced at cell creation time (unless the cell is created together with the connection), mxGraph offers <validate> which checks all multiplicities for all cells and displays the respective error messages in an overlay icon on the cells.</p><p>If a cell is collapsed and contains validation errors, a respective warning icon is attached to the collapsed cell.</p><h4class=CHeading>Auto-Layout</h4><p>For automatic layout, the <getLayout> hook is provided in <ahref="mxLayoutManager-js.html#mxLayoutManager"class=LClass>mxLayoutManager</a>. It can be overridden to return a layout algorithm for the children of a given cell.</p><h4class=CHeading>Unconnected edges</h4><p>The default values for all switches are designed to meet the requirements of general diagram drawing applications. A very typical set of settings to avoid edges that are not connected is the following:</p><blockquote><preclass="prettyprint">graph.setAllowDanglingEdges(false);
graph.setDisconnectOnMove(false);</pre></blockquote><p>Setting the <ahref="#mxGraph.cloneInvalidEdges"class=LVariableid=link728onMouseOver="ShowTip(event, 'tt162', 'link728')"onMouseOut="HideTip('tt162')">cloneInvalidEdges</a> switch to true is optional. This switch controls if edges are inserted after a copy, paste or clone-drag if they are invalid. For example, edges are invalid if copied or control-dragged without having selected the corresponding terminals and allowDanglingEdges is false, in which case the edges will not be cloned if the switch is false.</p><h4class=CHeading>Output</h4><p>To produce an XML representation for a diagram, the following code can be used.</p><blockquote><preclass="prettyprint">var enc = new mxCodec(mxUtils.createXmlDocument());
var node = enc.encode(graph.getModel());</pre></blockquote><p>This will produce an XML node than can be handled using the DOM API or turned into a string representation using the following code:</p><blockquote><preclass="prettyprint">var xml = mxUtils.getXml(node);</pre></blockquote><p>To obtain a formatted string, mxUtils.getPrettyXml can be used instead.</p><p>This string can now be stored in a local persistent storage (for example using Google Gears) or it can be passed to a backend using mxUtils.post as follows. The url variable is the URL of the Java servlet, PHP page or HTTP handler, depending on the server.</p><blockquote><preclass="prettyprint">var xmlString = encodeURIComponent(mxUtils.getXml(node));
mxUtils.post(url, 'xml='+xmlString, function(req)
{
// Process server response using req of type mxXmlRequest
});</pre></blockquote><h4class=CHeading>Input</h4><p>To load an XML representation of a diagram into an existing graph object mxUtils.load can be used as follows. The url variable is the URL of the Java servlet, PHP page or HTTP handler that produces the XML string.</p><blockquote><preclass="prettyprint">var xmlDoc = mxUtils.load(url).getXml();
dec.decode(node, graph.getModel());</pre></blockquote><p>For creating a page that loads the client and a diagram using a single request please refer to the deployment examples in the backends.</p><h4class=CHeading>Functional dependencies</h4><imgsrc="../../images/images/callgraph.png"width="963"height="448"><h4class=CHeading>Resources</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>resources/graph</td><tdclass=CDLDescription>Language resources for mxGraph</td></tr></table><!--START_ND_SUMMARY--><divclass=Summary><divclass=STitle>Summary</div><divclass=SBorder><tableborder=0cellspacing=0cellpadding=0class=STable><trclass="SMain"><tdclass=SEntry><ahref="#mxGraph">mxGraph</a></td><tdclass=SDescription>Extends <ahref="../util/mxEventSource-js.html#mxEventSource"class=LClassid=link1onMouseOver="ShowTip(event, 'tt1', 'link1')"onMouseOut="HideTip('tt1')">mxEventSource</a> to implement a graph component for the browser. </td></tr><trclass="SGroup SIndent1"><tdclass=SEntry><ahref="#mxGraph.Events">Events</a></td><tdclass=SDescription></td></tr><trclass="SEvent SIndent2 SMarked"><tdclass=SEntry><ahref="#mxGraph.mxEvent.ROOT">mxEvent.ROOT</a></td><tdclass=SDescription>Fires if the root in the model has changed. </td></tr><trclass="SEvent SIndent2"><tdclass=SEntry><ahref="#mxGraph.mxEvent.ALIGN_CELLS">mxEvent.<wbr>ALIGN_CELLS</a></td><tdclass=SDescription>Fires between begin- and endUpdate in <ahref="#mxGraph.alignCells"class=LFunctionid=link2onMouseOver="ShowTip(event, 'tt2', 'link2')"onMouseOut="HideTip('tt2')">alignCells</a>. </td></tr><trclass="SEvent SIndent2 SMarked"><tdclass=SEntry><ahref="#mxGraph.mxEvent.FLIP_EDGE">mxEvent.<wbr>FLIP_EDGE</a></td><tdclass=SDescription>Fires between begin- and endUpdate in <ahref="#mxGraph.flipEdge"class=LFunctionid=link3onMouseOver="ShowTip(event, 'tt3', 'link3')"onMouseOut="HideTip('tt3')">flipEdge</a>. </td></tr><trclass="SEvent SIndent2"><tdclass=SEntry><ahref="#mxGraph.mxEvent.ORDER_CELLS">mxEvent.<wbr>ORDER_CELLS</a></td><tdclass=SDescription>Fires between begin- and endUpdate in <ahref="#mxGraph.orderCells"class=LFunctionid=link4onMouseOver="ShowTip(event, 'tt4', 'link4')"onMouseOut="HideTip('tt4')">orderCells</a>. </td></tr><trclass="SEvent SIndent2 SMarked"><tdclass=SEntry><ahref="#mxGraph.mxEvent.CELLS_ORDERED">mxEvent.<wbr>CELLS_ORDERED</a></td><tdclass=SDescription>Fires between begin- and endUpdate in <ahref="#mxGraph.cellsOrdered"class=LFunctionid=link5onMouseOver="ShowTip(event, 'tt5', 'link5')"onMouseOut="HideTip('tt5')">cellsOrdered</a>. </td></tr><trclass="SEvent SIndent2"><tdclass=SEntry><ahref="#mxGraph.mxEvent.GROUP_CELLS">mxEvent.<wbr>GROUP_CELLS</a></td><tdclass=SDescription>Fires between begin- and endUpdate in <ahref="#mxGraph.groupCells"class=LFunctionid=link6onMouseOver="ShowTip(event, 'tt6', 'link6')"onMouseOut="HideTip('tt6')">groupCells</a>. </td></tr><trclass="SEvent SIndent2 SMarked"><tdclass=SEntry><ahref="#mxGraph.mxEvent.UNGROUP_CELLS">mxEvent.<wbr>UNGROUP_CELLS</a></td><tdclass=SDescription>Fires between begin- and endUpdate in <ahref="#mxGraph.ungroupCells"class=LFunctionid=link7onMouseOver="ShowTip(event, 'tt7', 'link7')"onMouseOut="HideTip('tt7')">ungroupCells</a>. </td></tr><trclass="SEvent SIndent2"><tdclass=SEntry><ahref="#mxGraph.mxEvent.REMOVE_CELLS_FROM_PARENT">mxEvent.<wbr>REMOVE_CELLS_FROM_PARENT</a></td><tdclass=SDescription>Fires between begin- and endUpdate in <ahref="#mxGraph.removeCellsFromParent"class=LFunctionid=link8onMouseOver="ShowTip(event, 'tt8', 'link8')"onMouseOut="HideTip('tt8')">removeCellsFromParent</a>. </td></tr><trclass="SEvent SIndent2 SMarked"><tdclass=SEntry><ahref="#mxGraph.mxEvent.ADD_CELLS">mxEvent.<wbr>ADD_CELLS</a></td><tdclass=SDescription>Fires between begin- and endUpdate in <ahref="#mxGraph.addCells"class=LFunctionid=link9onMouseOver="ShowTip(event, 'tt9', 'link9')"onMouseOut="HideTip('tt9')">addCells</a>. </td></tr><trclass="SEvent SIndent2"><tdclass=SEnt
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.ROOT"></a>mxEvent.ROOT</h3><divclass=CBody><p>Fires if the root in the model has changed. This event has no properties.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.ALIGN_CELLS"></a>mxEvent.<wbr>ALIGN_CELLS</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.alignCells"class=LFunctionid=link729onMouseOver="ShowTip(event, 'tt2', 'link729')"onMouseOut="HideTip('tt2')">alignCells</a>. The <code>cells</code> and <code>align</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.alignCells"class=LFunctionid=link730onMouseOver="ShowTip(event, 'tt2', 'link730')"onMouseOut="HideTip('tt2')">alignCells</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.FLIP_EDGE"></a>mxEvent.<wbr>FLIP_EDGE</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.flipEdge"class=LFunctionid=link731onMouseOver="ShowTip(event, 'tt3', 'link731')"onMouseOut="HideTip('tt3')">flipEdge</a>. The <code>edge</code> property contains the edge passed to <ahref="#mxGraph.flipEdge"class=LFunctionid=link732onMouseOver="ShowTip(event, 'tt3', 'link732')"onMouseOut="HideTip('tt3')">flipEdge</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.ORDER_CELLS"></a>mxEvent.<wbr>ORDER_CELLS</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.orderCells"class=LFunctionid=link733onMouseOver="ShowTip(event, 'tt4', 'link733')"onMouseOut="HideTip('tt4')">orderCells</a>. The <code>cells</code> and <code>back</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.orderCells"class=LFunctionid=link734onMouseOver="ShowTip(event, 'tt4', 'link734')"onMouseOut="HideTip('tt4')">orderCells</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.CELLS_ORDERED"></a>mxEvent.<wbr>CELLS_ORDERED</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.cellsOrdered"class=LFunctionid=link735onMouseOver="ShowTip(event, 'tt5', 'link735')"onMouseOut="HideTip('tt5')">cellsOrdered</a>. The <code>cells</code> and <code>back</code> arguments contain the respective arguments that were passed to <ahref="#mxGraph.cellsOrdered"class=LFunctionid=link736onMouseOver="ShowTip(event, 'tt5', 'link736')"onMouseOut="HideTip('tt5')">cellsOrdered</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.GROUP_CELLS"></a>mxEvent.<wbr>GROUP_CELLS</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.groupCells"class=LFunctionid=link737onMouseOver="ShowTip(event, 'tt6', 'link737')"onMouseOut="HideTip('tt6')">groupCells</a>. The <code>group</code>, <code>cells</code> and <code>border</code> arguments contain the respective arguments that were passed to <ahref="#mxGraph.groupCells"class=LFunctionid=link738onMouseOver="ShowTip(event, 'tt6', 'link738')"onMouseOut="HideTip('tt6')">groupCells</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.UNGROUP_CELLS"></a>mxEvent.<wbr>UNGROUP_CELLS</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.ungroupCells"class=LFunctionid=link739onMouseOver="ShowTip(event, 'tt7', 'link739')"onMouseOut="HideTip('tt7')">ungroupCells</a>. The <code>cells</code> property contains the array of cells that was passed to <ahref="#mxGraph.ungroupCells"class=LFunctionid=link740onMouseOver="ShowTip(event, 'tt7', 'link740')"onMouseOut="HideTip('tt7')">ungroupCells</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.REMOVE_CELLS_FROM_PARENT"></a>mxEvent.<wbr>REMOVE_CELLS_FROM_PARENT</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.removeCellsFromParent"class=LFunctionid=link741onMouseOver="ShowTip(event, 'tt8', 'link741')"onMouseOut="HideTip('tt8')">removeCellsFromParent</a>. The <code>cells</code> property contains the array of cells that was passed to <ahref="#mxGraph.removeCellsFromParent"class=LFunctionid=link742onMouseOver="ShowTip(event, 'tt8', 'link742')"onMouseOut="HideTip('tt8')">removeCellsFromParent</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.ADD_CELLS"></a>mxEvent.<wbr>ADD_CELLS</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.addCells"class=LFunctionid=link743onMouseOver="ShowTip(event, 'tt9', 'link743')"onMouseOut="HideTip('tt9')">addCells</a>. The <code>cells</code>, <code>parent</code>, <code>index</code>, <code>source</code> and <code>target</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.addCells"class=LFunctionid=link744onMouseOver="ShowTip(event, 'tt9', 'link744')"onMouseOut="HideTip('tt9')">addCells</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.CELLS_ADDED"></a>mxEvent.<wbr>CELLS_ADDED</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.cellsAdded"class=LFunctionid=link745onMouseOver="ShowTip(event, 'tt10', 'link745')"onMouseOut="HideTip('tt10')">cellsAdded</a>. The <code>cells</code>, <code>parent</code>, <code>index</code>, <code>source</code>, <code>target</code> and <code>absolute</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.cellsAdded"class=LFunctionid=link746onMouseOver="ShowTip(event, 'tt10', 'link746')"onMouseOut="HideTip('tt10')">cellsAdded</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.REMOVE_CELLS"></a>mxEvent.<wbr>REMOVE_CELLS</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.removeCells"class=LFunctionid=link747onMouseOver="ShowTip(event, 'tt11', 'link747')"onMouseOut="HideTip('tt11')">removeCells</a>. The <code>cells</code> and <code>includeEdges</code> arguments contain the respective arguments that were passed to <ahref="#mxGraph.removeCells"class=LFunctionid=link748onMouseOver="ShowTip(event, 'tt11', 'link748')"onMouseOut="HideTip('tt11')">removeCells</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.CELLS_REMOVED"></a>mxEvent.<wbr>CELLS_REMOVED</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.cellsRemoved"class=LFunctionid=link749onMouseOver="ShowTip(event, 'tt12', 'link749')"onMouseOut="HideTip('tt12')">cellsRemoved</a>. The <code>cells</code> argument contains the array of cells that was removed.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.SPLIT_EDGE"></a>mxEvent.<wbr>SPLIT_EDGE</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.splitEdge"class=LFunctionid=link750onMouseOver="ShowTip(event, 'tt13', 'link750')"onMouseOut="HideTip('tt13')">splitEdge</a>. The <code>edge</code> property contains the edge to be splitted, the <code>cells</code>, <code>newEdge</code>, <code>dx</code> and <code>dy</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.splitEdge"class=LFunctionid=link751onMouseOver="ShowTip(event, 'tt13', 'link751')"onMouseOut="HideTip('tt13')">splitEdge</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.TOGGLE_CELLS"></a>mxEvent.<wbr>TOGGLE_CELLS</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.toggleCells"class=LFunctionid=link752onMouseOver="ShowTip(event, 'tt14', 'link752')"onMouseOut="HideTip('tt14')">toggleCells</a>. The <code>show</code>, <code>cells</code> and <code>includeEdges</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.toggleCells"class=LFunctionid=link753onMouseOver="ShowTip(event, 'tt14', 'link753')"onMouseOut="HideTip('tt14')">toggleCells</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.FOLD_CELLS"></a>mxEvent.<wbr>FOLD_CELLS</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.foldCells"class=LFunctionid=link754onMouseOver="ShowTip(event, 'tt15', 'link754')"onMouseOut="HideTip('tt15')">foldCells</a>. The <code>collapse</code>, <code>cells</code> and <code>recurse</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.foldCells"class=LFunctionid=link755onMouseOver="ShowTip(event, 'tt15', 'link755')"onMouseOut="HideTip('tt15')">foldCells</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.CELLS_FOLDED"></a>mxEvent.<wbr>CELLS_FOLDED</h3><divclass=CBody><p>Fires between begin- and endUpdate in cellsFolded. The <code>collapse</code>, <code>cells</code> and <code>recurse</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.cellsFolded"class=LFunctionid=link756onMouseOver="ShowTip(event, 'tt243', 'link756')"onMouseOut="HideTip('tt243')">cellsFolded</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.UPDATE_CELL_SIZE"></a>mxEvent.<wbr>UPDATE_CELL_SIZE</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.updateCellSize"class=LFunctionid=link757onMouseOver="ShowTip(event, 'tt16', 'link757')"onMouseOut="HideTip('tt16')">updateCellSize</a>. The <code>cell</code> and <code>ignoreChildren</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.updateCellSize"class=LFunctionid=link758onMouseOver="ShowTip(event, 'tt16', 'link758')"onMouseOut="HideTip('tt16')">updateCellSize</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.RESIZE_CELLS"></a>mxEvent.<wbr>RESIZE_CELLS</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.resizeCells"class=LFunctionid=link759onMouseOver="ShowTip(event, 'tt17', 'link759')"onMouseOut="HideTip('tt17')">resizeCells</a>. The <code>cells</code> and <code>bounds</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.resizeCells"class=LFunctionid=link760onMouseOver="ShowTip(event, 'tt17', 'link760')"onMouseOut="HideTip('tt17')">resizeCells</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.CELLS_RESIZED"></a>mxEvent.<wbr>CELLS_RESIZED</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.cellsResized"class=LFunctionid=link761onMouseOver="ShowTip(event, 'tt18', 'link761')"onMouseOut="HideTip('tt18')">cellsResized</a>. The <code>cells</code> and <code>bounds</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.cellsResized"class=LFunctionid=link762onMouseOver="ShowTip(event, 'tt18', 'link762')"onMouseOut="HideTip('tt18')">cellsResized</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.MOVE_CELLS"></a>mxEvent.<wbr>MOVE_CELLS</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.moveCells"class=LFunctionid=link763onMouseOver="ShowTip(event, 'tt19', 'link763')"onMouseOut="HideTip('tt19')">moveCells</a>. The <code>cells</code>, <code>dx</code>, <code>dy</code>, <code>clone</code>, <code>target</code> and <code>event</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.moveCells"class=LFunctionid=link764onMouseOver="ShowTip(event, 'tt19', 'link764')"onMouseOut="HideTip('tt19')">moveCells</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.CELLS_MOVED"></a>mxEvent.<wbr>CELLS_MOVED</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.cellsMoved"class=LFunctionid=link765onMouseOver="ShowTip(event, 'tt20', 'link765')"onMouseOut="HideTip('tt20')">cellsMoved</a>. The <code>cells</code>, <code>dx</code>, <code>dy</code> and <code>disconnect</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.cellsMoved"class=LFunctionid=link766onMouseOver="ShowTip(event, 'tt20', 'link766')"onMouseOut="HideTip('tt20')">cellsMoved</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.CONNECT_CELL"></a>mxEvent.<wbr>CONNECT_CELL</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.connectCell"class=LFunctionid=link767onMouseOver="ShowTip(event, 'tt21', 'link767')"onMouseOut="HideTip('tt21')">connectCell</a>. The <code>edge</code>, <code>terminal</code> and <code>source</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.connectCell"class=LFunctionid=link768onMouseOver="ShowTip(event, 'tt21', 'link768')"onMouseOut="HideTip('tt21')">connectCell</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.CELL_CONNECTED"></a>mxEvent.<wbr>CELL_CONNECTED</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.cellConnected"class=LFunctionid=link769onMouseOver="ShowTip(event, 'tt22', 'link769')"onMouseOut="HideTip('tt22')">cellConnected</a>. The <code>edge</code>, <code>terminal</code> and <code>source</code> properties contain the respective arguments that were passed to <ahref="#mxGraph.cellConnected"class=LFunctionid=link770onMouseOver="ShowTip(event, 'tt22', 'link770')"onMouseOut="HideTip('tt22')">cellConnected</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.REFRESH"></a>mxEvent.<wbr>REFRESH</h3><divclass=CBody><p>Fires after <ahref="#mxGraph.refresh"class=LFunctionid=link771onMouseOver="ShowTip(event, 'tt23', 'link771')"onMouseOut="HideTip('tt23')">refresh</a> was executed. This event has no properties.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.CLICK"></a>mxEvent.<wbr>CLICK</h3><divclass=CBody><p>Fires in <ahref="#mxGraph.click"class=LFunctionid=link772onMouseOver="ShowTip(event, 'tt24', 'link772')"onMouseOut="HideTip('tt24')">click</a> after a click event. The <code>event</code> property contains the original mouse event and <code>cell</code> property contains the cell under the mouse or null if the background was clicked.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.DOUBLE_CLICK"></a>mxEvent.<wbr>DOUBLE_CLICK</h3><divclass=CBody><p>Fires in <ahref="#mxGraph.dblClick"class=LFunctionid=link773onMouseOver="ShowTip(event, 'tt25', 'link773')"onMouseOut="HideTip('tt25')">dblClick</a> after a double click. The <code>event</code> property contains the original mouse event and the <code>cell</code> property contains the cell under the mouse or null if the background was clicked.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.GESTURE"></a>mxEvent.<wbr>GESTURE</h3><divclass=CBody><p>Fires in <ahref="#mxGraph.fireGestureEvent"class=LFunctionid=link774onMouseOver="ShowTip(event, 'tt26', 'link774')"onMouseOut="HideTip('tt26')">fireGestureEvent</a> after a touch gesture. The <code>event</code> property contains the original gesture end event and the <code>cell</code> property contains the optional cell associated with the gesture.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.TAP_AND_HOLD"></a>mxEvent.<wbr>TAP_AND_HOLD</h3><divclass=CBody><p>Fires in <ahref="#mxGraph.tapAndHold"class=LFunctionid=link775onMouseOver="ShowTip(event, 'tt27', 'link775')"onMouseOut="HideTip('tt27')">tapAndHold</a> if a tap and hold event was detected. The <code>event</code> property contains the initial touch event and the <code>cell</code> property contains the cell under the mouse or null if the background was clicked.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.FIRE_MOUSE_EVENT"></a>mxEvent.<wbr>FIRE_MOUSE_EVENT</h3><divclass=CBody><p>Fires in <ahref="#mxGraph.fireMouseEvent"class=LFunctionid=link776onMouseOver="ShowTip(event, 'tt28', 'link776')"onMouseOut="HideTip('tt28')">fireMouseEvent</a> before the mouse listeners are invoked. The <code>eventName</code> property contains the event name and the <code>event</code> property contains the <ahref="../util/mxMouseEvent-js.html#mxMouseEvent"class=LClassid=link777onMouseOver="ShowTip(event, 'tt210', 'link777')"onMouseOut="HideTip('tt210')">mxMouseEvent</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.SIZE"></a>mxEvent.SIZE</h3><divclass=CBody><p>Fires after <ahref="#mxGraph.sizeDidChange"class=LFunctionid=link778onMouseOver="ShowTip(event, 'tt29', 'link778')"onMouseOut="HideTip('tt29')">sizeDidChange</a> was executed. The <code>bounds</code> property contains the new graph bounds.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.START_EDITING"></a>mxEvent.<wbr>START_EDITING</h3><divclass=CBody><p>Fires before the in-place editor starts in <ahref="#mxGraph.startEditingAtCell"class=LFunctionid=link779onMouseOver="ShowTip(event, 'tt30', 'link779')"onMouseOut="HideTip('tt30')">startEditingAtCell</a>. The <code>cell</code> property contains the cell that is being edited and the <code>event</code> property contains the optional event argument that was passed to <ahref="#mxGraph.startEditingAtCell"class=LFunctionid=link780onMouseOver="ShowTip(event, 'tt30', 'link780')"onMouseOut="HideTip('tt30')">startEditingAtCell</a>.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.LABEL_CHANGED"></a>mxEvent.<wbr>LABEL_CHANGED</h3><divclass=CBody><p>Fires between begin- and endUpdate in <ahref="#mxGraph.cellLabelChanged"class=LFunctionid=link781onMouseOver="ShowTip(event, 'tt31', 'link781')"onMouseOut="HideTip('tt31')">cellLabelChanged</a>. The <code>cell</code> property contains the cell, the <code>value</code> property contains the new value for the cell, the <code>old</code> property contains the old value and the optional <code>event</code> property contains the mouse event that started the edit.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.ADD_OVERLAY"></a>mxEvent.<wbr>ADD_OVERLAY</h3><divclass=CBody><p>Fires after an overlay is added in <ahref="#mxGraph.addCellOverlay"class=LFunctionid=link782onMouseOver="ShowTip(event, 'tt32', 'link782')"onMouseOut="HideTip('tt32')">addCellOverlay</a>. The <code>cell</code> property contains the cell and the <code>overlay</code> property contains the <ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link783onMouseOver="ShowTip(event, 'tt200', 'link783')"onMouseOut="HideTip('tt200')">mxCellOverlay</a> that was added.</p></div></div></div>
<divclass="CEvent"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxEvent.REMOVE_OVERLAY"></a>mxEvent.<wbr>REMOVE_OVERLAY</h3><divclass=CBody><p>Fires after an overlay is removed in <ahref="#mxGraph.removeCellOverlay"class=LFunctionid=link784onMouseOver="ShowTip(event, 'tt33', 'link784')"onMouseOut="HideTip('tt33')">removeCellOverlay</a> and <ahref="#mxGraph.removeCellOverlays"class=LFunctionid=link785onMouseOver="ShowTip(event, 'tt34', 'link785')"onMouseOut="HideTip('tt34')">removeCellOverlays</a>. The <code>cell</code> property contains the cell and the <code>overlay</code> property contains the <ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link786onMouseOver="ShowTip(event, 'tt200', 'link786')"onMouseOut="HideTip('tt200')">mxCellOverlay</a> that was removed.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mxGraph"></a>mxGraph</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>function mxGraph(</td><tdclass=PParameternowrap>container,</td></tr><tr><td></td><tdclass=PParameternowrap>model,</td></tr><tr><td></td><tdclass=PParameternowrap>renderHint,</td></tr><tr><td></td><tdclass=PParameternowrap>stylesheet</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new mxGraph in the specified container. Model is an optional mxGraphModel. If no model is provided, a new mxGraphModel instance is used as the model. The container must have a valid owner document prior to calling this function in Internet Explorer. RenderHint is a string to affect the display performance and rendering in IE, but not in SVG-based browsers. The parameter is mapped to <ahref="#mxGraph.dialect"class=LVariableid=link787onMouseOver="ShowTip(event, 'tt55', 'link787')"onMouseOut="HideTip('tt55')">dialect</a>, which may be one of <ahref="../util/mxConstants-js.html#mxConstants.DIALECT_SVG"class=LVariableid=link788onMouseOver="ShowTip(event, 'tt492', 'link788')"onMouseOut="HideTip('tt492')">mxConstants.DIALECT_SVG</a> for SVG-based browsers, <ahref="../util/mxConstants-js.html#mxConstants.DIALECT_STRICTHTML"class=LVariableid=link789onMouseOver="ShowTip(event, 'tt493', 'link789')"onMouseOut="HideTip('tt493')">mxConstants.DIALECT_STRICTHTML</a> for fastest display mode, <ahref="../util/mxConstants-js.html#mxConstants.DIALECT_PREFERHTML"class=LVariableid=link790onMouseOver="ShowTip(event, 'tt494', 'link790')"onMouseOut="HideTip('tt494')">mxConstants.DIALECT_PREFERHTML</a> for faster display mode, <ahref="../util/mxConstants-js.html#mxConstants.DIALECT_MIXEDHTML"class=LVariableid=link791onMouseOver="ShowTip(event, 'tt495', 'link791')"onMouseOut="HideTip('tt495')">mxConstants.DIALECT_MIXEDHTML</a> for fast and <ahref="../util/mxConstants-js.html#mxConstants.DIALECT_VML"class=LVariableid=link792onMouseOver="ShowTip(event, 'tt496', 'link792')"onMouseOut="HideTip('tt496')">mxConstants.DIALECT_VML</a> for exact display mode (slowest). The dialects are defined in mxConstants. The default values are DIALECT_SVG for SVG-based browsers and DIALECT_MIXED for IE.</p><h4class=CHeading>The possible values for the renderingHint parameter are explained below</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>fast</td><tdclass=CDLDescription>The parameter is based on the fact that the display performance is highly improved in IE if the VML is not contained within a VML group element. The lack of a group element only slightly affects the display while panning, but improves the performance by almost a factor of 2, while keeping the display sufficiently accurate. This also allows to render certain shapes as HTML if the display accuracy is not affected, which is implemented by <mxShape.isMixedModeHtml>. This is the default setting and is mapped to DIALECT_MIXEDHTML.</td></tr><tr><tdclass=CDLEntry>faster</td><tdclass=CDLDescription>Same as fast, but more expensive shapes are avoided. This is controlled by <mxShape.preferModeHtml>. The default implementation will avoid gradients and rounded rectangles, but more significant shapes, such as rhombus, ellipse, actor and cylinder will be rendered accurately. This setting is mapped to DIALECT_PREFERHTML.</td></tr><tr><tdclass=CDLEntry>fastest</td><tdclass=CDLDescription>Almost anything will be rendered in Html. This allows for rectangles, labels and images. This setting is mapped to DIALECT_STRICTHTML.</td></tr><tr><tdclass=CDLEntry>exact</td><tdclass=CDLDescription>If accurate panning is required and if the diagram is small (up to 100 cells), then this value should be used. In thi
var graph = new mxGraph(container);</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>container</td><tdclass=CDLDescription>Optional DOM node that acts as a container for the graph. If this is null then the container can be initialized later using <ahref="#mxGraph.init"class=LFunctionid=link793onMouseOver="ShowTip(event, 'tt182', 'link793')"onMouseOut="HideTip('tt182')">init</a>.</td></tr><tr><tdclass=CDLEntry>model</td><tdclass=CDLDescription>Optional <ahref="../model/mxGraphModel-js.html#mxGraphModel"class=LClassid=link794onMouseOver="ShowTip(event, 'tt40', 'link794')"onMouseOut="HideTip('tt40')">mxGraphModel</a> that constitutes the graph data.</td></tr><tr><tdclass=CDLEntry>renderHint</td><tdclass=CDLDescription>Optional string that specifies the display accuracy and performance. Default is mxConstants.DIALECT_MIXEDHTML (for IE).</td></tr><tr><tdclass=CDLEntry>stylesheet</td><tdclass=CDLDescription>Optional <ahref="mxStylesheet-js.html#mxStylesheet"class=LClassid=link795onMouseOver="ShowTip(event, 'tt45', 'link795')"onMouseOut="HideTip('tt45')">mxStylesheet</a> to be used in the graph.</td></tr></table></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.mouseListeners"></a>mouseListeners</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.mouseListeners</td></tr></table></blockquote><p>Holds the mouse event listeners. See <ahref="#mxGraph.fireMouseEvent"class=LFunctionid=link796onMouseOver="ShowTip(event, 'tt28', 'link796')"onMouseOut="HideTip('tt28')">fireMouseEvent</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isMouseDown"></a>isMouseDown</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isMouseDown</td></tr></table></blockquote><p>Holds the state of the mouse button.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.model"></a>model</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.model</td></tr></table></blockquote><p>Holds the <ahref="../model/mxGraphModel-js.html#mxGraphModel"class=LClassid=link797onMouseOver="ShowTip(event, 'tt40', 'link797')"onMouseOut="HideTip('tt40')">mxGraphModel</a> that contains the cells to be displayed.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.view"></a>view</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.view</td></tr></table></blockquote><p>Holds the <ahref="mxGraphView-js.html#mxGraphView"class=LClassid=link798onMouseOver="ShowTip(event, 'tt42', 'link798')"onMouseOut="HideTip('tt42')">mxGraphView</a> that caches the <ahref="mxCellState-js.html#mxCellState"class=LClassid=link799onMouseOver="ShowTip(event, 'tt43', 'link799')"onMouseOut="HideTip('tt43')">mxCellStates</a> for the cells.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.stylesheet"></a>stylesheet</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.stylesheet</td></tr></table></blockquote><p>Holds the <ahref="mxStylesheet-js.html#mxStylesheet"class=LClassid=link800onMouseOver="ShowTip(event, 'tt45', 'link800')"onMouseOut="HideTip('tt45')">mxStylesheet</a> that defines the appearance of the cells.</p><h4class=CHeading>Example</h4><p>Use the following code to read a stylesheet into an existing graph.</p><blockquote><preclass="prettyprint">var req = mxUtils.load('stylesheet.xml');
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.selectionModel"></a>selectionModel</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.selectionModel</td></tr></table></blockquote><p>Holds the <ahref="mxGraphSelectionModel-js.html#mxGraphSelectionModel"class=LClassid=link801onMouseOver="ShowTip(event, 'tt47', 'link801')"onMouseOut="HideTip('tt47')">mxGraphSelectionModel</a> that models the current selection.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellEditor"></a>cellEditor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.cellEditor</td></tr></table></blockquote><p>Holds the <ahref="mxCellEditor-js.html#mxCellEditor"class=LClassid=link802onMouseOver="ShowTip(event, 'tt49', 'link802')"onMouseOut="HideTip('tt49')">mxCellEditor</a> that is used as the in-place editing.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellRenderer"></a>cellRenderer</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.cellRenderer</td></tr></table></blockquote><p>Holds the <ahref="mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link803onMouseOver="ShowTip(event, 'tt51', 'link803')"onMouseOut="HideTip('tt51')">mxCellRenderer</a> for rendering the cells in the graph.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.multiplicities"></a>multiplicities</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.multiplicities</td></tr></table></blockquote><p>An array of <ahref="mxMultiplicity-js.html#mxMultiplicity"class=LClassid=link804onMouseOver="ShowTip(event, 'tt53', 'link804')"onMouseOut="HideTip('tt53')">mxMultiplicities</a> describing the allowed connections in a graph.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.renderHint"></a>renderHint</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.renderHint</td></tr></table></blockquote><p>RenderHint as it was passed to the constructor.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.dialect"></a>dialect</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.dialect</td></tr></table></blockquote><p>Dialect to be used for drawing the graph. Possible values are all constants in <ahref="../util/mxConstants-js.html#mxConstants"class=LClassid=link805onMouseOver="ShowTip(event, 'tt490', 'link805')"onMouseOut="HideTip('tt490')">mxConstants</a> with a DIALECT-prefix.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.gridSize"></a>gridSize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.gridSize</td></tr></table></blockquote><p>Specifies the grid size. Default is 10.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.gridEnabled"></a>gridEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.gridEnabled</td></tr></table></blockquote><p>Specifies if the grid is enabled. This is used in <ahref="#mxGraph.snap"class=LFunctionid=link806onMouseOver="ShowTip(event, 'tt286', 'link806')"onMouseOut="HideTip('tt286')">snap</a>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.portsEnabled"></a>portsEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.portsEnabled</td></tr></table></blockquote><p>Specifies if ports are enabled. This is used in <ahref="#mxGraph.cellConnected"class=LFunctionid=link807onMouseOver="ShowTip(event, 'tt22', 'link807')"onMouseOut="HideTip('tt22')">cellConnected</a> to update the respective style. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.nativeDoubleClickEnabled"></a>nativeDoubleClickEnabled</h3><divclass=CBody><p>Specifies if native double click events should be deteced. Default is false for IE in quirks mode or IE10+, true for all other browsers. The <ahref="#mxGraph.doubleTapTimeout"class=LVariableid=link808onMouseOver="ShowTip(event, 'tt60', 'link808')"onMouseOut="HideTip('tt60')">doubleTapTimeout</a> value is used to specify the double click speed.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.doubleTapEnabled"></a>doubleTapEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.doubleTapEnabled</td></tr></table></blockquote><p>Specifies if double taps on touch-based devices should be handled as a double click. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.doubleTapTimeout"></a>doubleTapTimeout</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.doubleTapTimeout</td></tr></table></blockquote><p>Specifies the timeout for double taps and non-native double clicks. Default is 500 ms.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.doubleTapTolerance"></a>doubleTapTolerance</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.doubleTapTolerance</td></tr></table></blockquote><p>Specifies the tolerance for double taps and double clicks in quirks mode. Default is 25 pixels.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.lastTouchX"></a>lastTouchX</h3><divclass=CBody><p>Holds the x-coordinate of the last touch event for double tap detection.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.lastTouchX"></a>lastTouchX</h3><divclass=CBody><p>Holds the y-coordinate of the last touch event for double tap detection.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.lastTouchTime"></a>lastTouchTime</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.lastTouchTime</td></tr></table></blockquote><p>Holds the time of the last touch event for double click detection.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.tapAndHoldEnabled"></a>tapAndHoldEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.tapAndHoldEnabled</td></tr></table></blockquote><p>Specifies if tap and hold should be used for starting connections on touch-based devices. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.tapAndHoldDelay"></a>tapAndHoldDelay</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.tapAndHoldDelay</td></tr></table></blockquote><p>Specifies the time for a tap and hold. Default is 500 ms.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.tapAndHoldInProgress"></a>tapAndHoldInProgress</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.tapAndHoldInProgress</td></tr></table></blockquote><p>True if the timer for tap and hold events is running.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.tapAndHoldValid"></a>tapAndHoldValid</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.tapAndHoldValid</td></tr></table></blockquote><p>True as long as the timer is running and the touch events stay within the given <tapAndHoldTolerance>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.initialTouchX"></a>initialTouchX</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.initialTouchX</td></tr></table></blockquote><p>Holds the x-coordinate of the intial touch event for tap and hold.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.initialTouchY"></a>initialTouchY</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.initialTouchY</td></tr></table></blockquote><p>Holds the y-coordinate of the intial touch event for tap and hold.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.tolerance"></a>tolerance</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.tolerance</td></tr></table></blockquote><p>Tolerance for a move to be handled as a single click. Default is 4 pixels.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.defaultOverlap"></a>defaultOverlap</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.defaultOverlap</td></tr></table></blockquote><p>Value returned by <ahref="#mxGraph.getOverlap"class=LFunctionid=link809onMouseOver="ShowTip(event, 'tt71', 'link809')"onMouseOut="HideTip('tt71')">getOverlap</a> if <ahref="#mxGraph.isAllowOverlapParent"class=LFunctionid=link810onMouseOver="ShowTip(event, 'tt72', 'link810')"onMouseOut="HideTip('tt72')">isAllowOverlapParent</a> returns true for the given cell. <ahref="#mxGraph.getOverlap"class=LFunctionid=link811onMouseOver="ShowTip(event, 'tt71', 'link811')"onMouseOut="HideTip('tt71')">getOverlap</a> is used in <ahref="#mxGraph.constrainChild"class=LFunctionid=link812onMouseOver="ShowTip(event, 'tt256', 'link812')"onMouseOut="HideTip('tt256')">constrainChild</a> if <ahref="#mxGraph.isConstrainChild"class=LFunctionid=link813onMouseOver="ShowTip(event, 'tt263', 'link813')"onMouseOut="HideTip('tt263')">isConstrainChild</a> returns true. The value specifies the portion of the child which is allowed to overlap the parent.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.defaultParent"></a>defaultParent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.defaultParent</td></tr></table></blockquote><p>Specifies the default parent to be used to insert new cells. This is used in <ahref="#mxGraph.getDefaultParent"class=LFunctionid=link814onMouseOver="ShowTip(event, 'tt421', 'link814')"onMouseOut="HideTip('tt421')">getDefaultParent</a>. Default is null.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.alternateEdgeStyle"></a>alternateEdgeStyle</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.alternateEdgeStyle</td></tr></table></blockquote><p>Specifies the alternate edge style to be used if the main control point on an edge is being doubleclicked. Default is null.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.backgroundImage"></a>backgroundImage</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.backgroundImage</td></tr></table></blockquote><p>Specifies the <ahref="../util/mxImage-js.html#mxImage"class=LClassid=link815onMouseOver="ShowTip(event, 'tt76', 'link815')"onMouseOut="HideTip('tt76')">mxImage</a> to be returned by <ahref="#mxGraph.getBackgroundImage"class=LFunctionid=link816onMouseOver="ShowTip(event, 'tt77', 'link816')"onMouseOut="HideTip('tt77')">getBackgroundImage</a>. Default is null.</p><h4class=CHeading>Example</h4><blockquote><preclass="prettyprint">var img = new mxImage('http://www.example.com/maps/examplemap.jpg', 1024, 768);
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.pageVisible"></a>pageVisible</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.pageVisible</td></tr></table></blockquote><p>Specifies if the background page should be visible. Default is false. Not yet implemented.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.pageBreaksVisible"></a>pageBreaksVisible</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.pageBreaksVisible</td></tr></table></blockquote><p>Specifies if a dashed line should be drawn between multiple pages. Default is false. If you change this value while a graph is being displayed then you should call <ahref="#mxGraph.sizeDidChange"class=LFunctionid=link817onMouseOver="ShowTip(event, 'tt29', 'link817')"onMouseOut="HideTip('tt29')">sizeDidChange</a> to force an update of the display.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.pageBreakColor"></a>pageBreakColor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.pageBreakColor</td></tr></table></blockquote><p>Specifies the color for page breaks. Default is ‘gray’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.pageBreakDashed"></a>pageBreakDashed</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.pageBreakDashed</td></tr></table></blockquote><p>Specifies the page breaks should be dashed. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.minPageBreakDist"></a>minPageBreakDist</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.minPageBreakDist</td></tr></table></blockquote><p>Specifies the minimum distance for page breaks to be visible. Default is 20 (in pixels).</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.preferPageSize"></a>preferPageSize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.preferPageSize</td></tr></table></blockquote><p>Specifies if the graph size should be rounded to the next page number in <ahref="#mxGraph.sizeDidChange"class=LFunctionid=link818onMouseOver="ShowTip(event, 'tt29', 'link818')"onMouseOut="HideTip('tt29')">sizeDidChange</a>. This is only used if the graph container has scrollbars. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.pageFormat"></a>pageFormat</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.pageFormat</td></tr></table></blockquote><p>Specifies the page format for the background page. Default is <ahref="../util/mxConstants-js.html#mxConstants.PAGE_FORMAT_A4_PORTRAIT"class=LVariableid=link819onMouseOver="ShowTip(event, 'tt497', 'link819')"onMouseOut="HideTip('tt497')">mxConstants.PAGE_FORMAT_A4_PORTRAIT</a>. This is used as the default in <ahref="mxPrintPreview-js.html#mxPrintPreview"class=LClassid=link820onMouseOver="ShowTip(event, 'tt498', 'link820')"onMouseOut="HideTip('tt498')">mxPrintPreview</a> and for painting the background page if <ahref="#mxGraph.pageVisible"class=LVariableid=link821onMouseOver="ShowTip(event, 'tt78', 'link821')"onMouseOut="HideTip('tt78')">pageVisible</a> is true and the pagebreaks if <ahref="#mxGraph.pageBreaksVisible"class=LVariableid=link822onMouseOver="ShowTip(event, 'tt79', 'link822')"onMouseOut="HideTip('tt79')">pageBreaksVisible</a> is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.pageScale"></a>pageScale</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.pageScale</td></tr></table></blockquote><p>Specifies the scale of the background page. Default is 1.5. Not yet implemented.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.enabled"></a>enabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.enabled</td></tr></table></blockquote><p>Specifies the return value for <ahref="#mxGraph.isEnabled"class=LFunctionid=link823onMouseOver="ShowTip(event, 'tt87', 'link823')"onMouseOut="HideTip('tt87')">isEnabled</a>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.escapeEnabled"></a>escapeEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.escapeEnabled</td></tr></table></blockquote><p>Specifies if <ahref="../handler/mxKeyHandler-js.html#mxKeyHandler"class=LClassid=link824onMouseOver="ShowTip(event, 'tt89', 'link824')"onMouseOut="HideTip('tt89')">mxKeyHandler</a> should invoke <ahref="#mxGraph.escape"class=LFunctionid=link825onMouseOver="ShowTip(event, 'tt90', 'link825')"onMouseOut="HideTip('tt90')">escape</a> when the escape key is pressed. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.invokesStopCellEditing"></a>invokesStopCellEditing</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.invokesStopCellEditing</td></tr></table></blockquote><p>If true, when editing is to be stopped by way of selection changing, data in diagram changing or other means stopCellEditing is invoked, and changes are saved. This is implemented in a focus handler in <ahref="mxCellEditor-js.html#mxCellEditor"class=LClassid=link826onMouseOver="ShowTip(event, 'tt49', 'link826')"onMouseOut="HideTip('tt49')">mxCellEditor</a>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.enterStopsCellEditing"></a>enterStopsCellEditing</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.enterStopsCellEditing</td></tr></table></blockquote><p>If true, pressing the enter key without pressing control or shift will stop editing and accept the new value. This is used in <ahref="mxCellEditor-js.html#mxCellEditor"class=LClassid=link827onMouseOver="ShowTip(event, 'tt49', 'link827')"onMouseOut="HideTip('tt49')">mxCellEditor</a> to stop cell editing. Note: You can always use F2 and escape to stop editing. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.useScrollbarsForPanning"></a>useScrollbarsForPanning</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.useScrollbarsForPanning</td></tr></table></blockquote><p>Specifies if scrollbars should be used for panning in <ahref="#mxGraph.panGraph"class=LFunctionid=link828onMouseOver="ShowTip(event, 'tt94', 'link828')"onMouseOut="HideTip('tt94')">panGraph</a> if any scrollbars are available. If scrollbars are enabled in CSS, but no scrollbars appear because the graph is smaller than the container size, then no panning occurs if this is true. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.exportEnabled"></a>exportEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.exportEnabled</td></tr></table></blockquote><p>Specifies the return value for <ahref="#mxGraph.canExportCell"class=LFunctionid=link829onMouseOver="ShowTip(event, 'tt96', 'link829')"onMouseOut="HideTip('tt96')">canExportCell</a>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.importEnabled"></a>importEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.importEnabled</td></tr></table></blockquote><p>Specifies the return value for <ahref="#mxGraph.canImportCell"class=LFunctionid=link830onMouseOver="ShowTip(event, 'tt98', 'link830')"onMouseOut="HideTip('tt98')">canImportCell</a>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsLocked"></a>cellsLocked</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.cellsLocked</td></tr></table></blockquote><p>Specifies the return value for <ahref="#mxGraph.isCellLocked"class=LFunctionid=link831onMouseOver="ShowTip(event, 'tt100', 'link831')"onMouseOut="HideTip('tt100')">isCellLocked</a>. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsCloneable"></a>cellsCloneable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.cellsCloneable</td></tr></table></blockquote><p>Specifies the return value for <ahref="#mxGraph.isCellCloneable"class=LFunctionid=link832onMouseOver="ShowTip(event, 'tt102', 'link832')"onMouseOut="HideTip('tt102')">isCellCloneable</a>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.foldingEnabled"></a>foldingEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.foldingEnabled</td></tr></table></blockquote><p>Specifies if folding (collapse and expand via an image icon in the graph should be enabled). Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsEditable"></a>cellsEditable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.cellsEditable</td></tr></table></blockquote><p>Specifies the return value for <ahref="#mxGraph.isCellEditable"class=LFunctionid=link833onMouseOver="ShowTip(event, 'tt105', 'link833')"onMouseOut="HideTip('tt105')">isCellEditable</a>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsDeletable"></a>cellsDeletable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.cellsDeletable</td></tr></table></blockquote><p>Specifies the return value for <ahref="#mxGraph.isCellDeletable"class=LFunctionid=link834onMouseOver="ShowTip(event, 'tt107', 'link834')"onMouseOut="HideTip('tt107')">isCellDeletable</a>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsMovable"></a>cellsMovable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.cellsMovable</td></tr></table></blockquote><p>Specifies the return value for <ahref="#mxGraph.isCellMovable"class=LFunctionid=link835onMouseOver="ShowTip(event, 'tt109', 'link835')"onMouseOut="HideTip('tt109')">isCellMovable</a>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.edgeLabelsMovable"></a>edgeLabelsMovable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.edgeLabelsMovable</td></tr></table></blockquote><p>Specifies the return value for edges in <ahref="#mxGraph.isLabelMovable"class=LFunctionid=link836onMouseOver="ShowTip(event, 'tt111', 'link836')"onMouseOut="HideTip('tt111')">isLabelMovable</a>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.vertexLabelsMovable"></a>vertexLabelsMovable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.vertexLabelsMovable</td></tr></table></blockquote><p>Specifies the return value for vertices in <ahref="#mxGraph.isLabelMovable"class=LFunctionid=link837onMouseOver="ShowTip(event, 'tt111', 'link837')"onMouseOut="HideTip('tt111')">isLabelMovable</a>. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.dropEnabled"></a>dropEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.dropEnabled</td></tr></table></blockquote><p>Specifies the return value for <ahref="#mxGraph.isDropEnabled"class=LFunctionid=link838onMouseOver="ShowTip(event, 'tt114', 'link838')"onMouseOut="HideTip('tt114')">isDropEnabled</a>. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.splitEnabled"></a>splitEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.splitEnabled</td></tr></table></blockquote><p>Specifies if dropping onto edges should be enabled. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsResizable"></a>cellsResizable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.cellsResizable</td></tr></table></blockquote><p>Specifies the return value for <ahref="#mxGraph.isCellResizable"class=LFunctionid=link839onMouseOver="ShowTip(event, 'tt117', 'link839')"onMouseOut="HideTip('tt117')">isCellResizable</a>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsBendable"></a>cellsBendable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.cellsBendable</td></tr></table></blockquote><p>Specifies the return value for <ahref="#mxGraph.isCellsBendable"class=LFunctionid=link840onMouseOver="ShowTip(event, 'tt119', 'link840')"onMouseOut="HideTip('tt119')">isCellsBendable</a>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsSelectable"></a>cellsSelectable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.cellsSelectable</td></tr></table></blockquote><p>Specifies the return value for <ahref="#mxGraph.isCellSelectable"class=LFunctionid=link841onMouseOver="ShowTip(event, 'tt121', 'link841')"onMouseOut="HideTip('tt121')">isCellSelectable</a>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsDisconnectable"></a>cellsDisconnectable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.cellsDisconnectable</td></tr></table></blockquote><p>Specifies the return value for <isCellDisconntable>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.autoSizeCells"></a>autoSizeCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.autoSizeCells</td></tr></table></blockquote><p>Specifies if the graph should automatically update the cell size after an edit. This is used in <ahref="#mxGraph.isAutoSizeCell"class=LFunctionid=link842onMouseOver="ShowTip(event, 'tt403', 'link842')"onMouseOut="HideTip('tt403')">isAutoSizeCell</a>. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.autoSizeCellsOnAdd"></a>autoSizeCellsOnAdd</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.autoSizeCellsOnAdd</td></tr></table></blockquote><p>Specifies if autoSize style should be applied when cells are added. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.autoScroll"></a>autoScroll</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.autoScroll</td></tr></table></blockquote><p>Specifies if the graph should automatically scroll if the mouse goes near the container edge while dragging. This is only taken into account if the container has scrollbars. Default is true.</p><p>If you need this to work without scrollbars then set <ahref="#mxGraph.ignoreScrollbars"class=LVariableid=link843onMouseOver="ShowTip(event, 'tt129', 'link843')"onMouseOut="HideTip('tt129')">ignoreScrollbars</a> to true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.timerAutoScroll"></a>timerAutoScroll</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.timerAutoScroll</td></tr></table></blockquote><p>Specifies if timer-based autoscrolling should be used via mxPanningManager. Note that this disables the code in <ahref="#mxGraph.scrollPointToVisible"class=LFunctionid=link844onMouseOver="ShowTip(event, 'tt128', 'link844')"onMouseOut="HideTip('tt128')">scrollPointToVisible</a> and uses code in mxPanningManager instead. Note that <ahref="#mxGraph.autoExtend"class=LVariableid=link845onMouseOver="ShowTip(event, 'tt130', 'link845')"onMouseOut="HideTip('tt130')">autoExtend</a> is disabled if this is true and that this should only be used with a scroll buffer or when scollbars are visible and scrollable in all directions. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.allowAutoPanning"></a>allowAutoPanning</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.allowAutoPanning</td></tr></table></blockquote><p>Specifies if panning via <ahref="#mxGraph.panGraph"class=LFunctionid=link846onMouseOver="ShowTip(event, 'tt94', 'link846')"onMouseOut="HideTip('tt94')">panGraph</a> should be allowed to implement autoscroll if no scrollbars are available in <ahref="#mxGraph.scrollPointToVisible"class=LFunctionid=link847onMouseOver="ShowTip(event, 'tt128', 'link847')"onMouseOut="HideTip('tt128')">scrollPointToVisible</a>. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.ignoreScrollbars"></a>ignoreScrollbars</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.ignoreScrollbars</td></tr></table></blockquote><p>Specifies if the graph should automatically scroll regardless of the scrollbars.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.autoExtend"></a>autoExtend</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.autoExtend</td></tr></table></blockquote><p>Specifies if the size of the graph should be automatically extended if the mouse goes near the container edge while dragging. This is only taken into account if the container has scrollbars. Default is true. See <ahref="#mxGraph.autoScroll"class=LVariableid=link848onMouseOver="ShowTip(event, 'tt125', 'link848')"onMouseOut="HideTip('tt125')">autoScroll</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.maximumGraphBounds"></a>maximumGraphBounds</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.maximumGraphBounds</td></tr></table></blockquote><p><ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link849onMouseOver="ShowTip(event, 'tt132', 'link849')"onMouseOut="HideTip('tt132')">mxRectangle</a> that specifies the area in which all cells in the diagram should be placed. Uses in <ahref="#mxGraph.getMaximumGraphBounds"class=LFunctionid=link850onMouseOver="ShowTip(event, 'tt262', 'link850')"onMouseOut="HideTip('tt262')">getMaximumGraphBounds</a>. Use a width or height of 0 if you only want to give a upper, left corner.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.minimumGraphSize"></a>minimumGraphSize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.minimumGraphSize</td></tr></table></blockquote><p><ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link851onMouseOver="ShowTip(event, 'tt132', 'link851')"onMouseOut="HideTip('tt132')">mxRectangle</a> that specifies the minimum size of the graph. This is ignored if the graph container has no scrollbars. Default is null.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.minimumContainerSize"></a>minimumContainerSize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.minimumContainerSize</td></tr></table></blockquote><p><ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link852onMouseOver="ShowTip(event, 'tt132', 'link852')"onMouseOut="HideTip('tt132')">mxRectangle</a> that specifies the minimum size of the <container> if <ahref="#mxGraph.resizeContainer"class=LVariableid=link853onMouseOver="ShowTip(event, 'tt135', 'link853')"onMouseOut="HideTip('tt135')">resizeContainer</a> is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.maximumContainerSize"></a>maximumContainerSize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.maximumContainerSize</td></tr></table></blockquote><p><ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link854onMouseOver="ShowTip(event, 'tt132', 'link854')"onMouseOut="HideTip('tt132')">mxRectangle</a> that specifies the maximum size of the container if <ahref="#mxGraph.resizeContainer"class=LVariableid=link855onMouseOver="ShowTip(event, 'tt135', 'link855')"onMouseOut="HideTip('tt135')">resizeContainer</a> is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.resizeContainer"></a>resizeContainer</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.resizeContainer</td></tr></table></blockquote><p>Specifies if the container should be resized to the graph size when the graph size has changed. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.border"></a>border</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.border</td></tr></table></blockquote><p>Border to be added to the bottom and right side when the container is being resized after the graph has been changed. Default is 0.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.keepEdgesInForeground"></a>keepEdgesInForeground</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.keepEdgesInForeground</td></tr></table></blockquote><p>Specifies if edges should appear in the foreground regardless of their order in the model. This has precendence over <keepEdgeInBackground>. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.allowNegativeCoordinates"></a>allowNegativeCoordinates</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.allowNegativeCoordinates</td></tr></table></blockquote><p>Specifies if negative coordinates for vertices are allowed. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.constrainChildren"></a>constrainChildren</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.constrainChildren</td></tr></table></blockquote><p>Specifies if a child should be constrained inside the parent bounds after a move of the child. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.constrainChildrenOnResize"></a>constrainChildrenOnResize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.constrainChildrenOnResize</td></tr></table></blockquote><p>Specifies if children should be constrained according to the <ahref="#mxGraph.constrainChildren"class=LVariableid=link856onMouseOver="ShowTip(event, 'tt140', 'link856')"onMouseOut="HideTip('tt140')">constrainChildren</a> switch if cells are resized. Default is false for backwards compatiblity.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.extendParents"></a>extendParents</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.extendParents</td></tr></table></blockquote><p>Specifies if a parent should contain the child bounds after a resize of the child. Default is true. This has precedence over <ahref="#mxGraph.constrainChildren"class=LVariableid=link857onMouseOver="ShowTip(event, 'tt140', 'link857')"onMouseOut="HideTip('tt140')">constrainChildren</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.extendParentsOnAdd"></a>extendParentsOnAdd</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.extendParentsOnAdd</td></tr></table></blockquote><p>Specifies if parents should be extended according to the <ahref="#mxGraph.extendParents"class=LVariableid=link858onMouseOver="ShowTip(event, 'tt142', 'link858')"onMouseOut="HideTip('tt142')">extendParents</a> switch if cells are added. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.extendParentsOnAdd"></a>extendParentsOnAdd</h3><divclass=CBody><p>Specifies if parents should be extended according to the <ahref="#mxGraph.extendParents"class=LVariableid=link859onMouseOver="ShowTip(event, 'tt142', 'link859')"onMouseOut="HideTip('tt142')">extendParents</a> switch if cells are added. Default is false for backwards compatiblity.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.recursiveResize"></a>recursiveResize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.recursiveResize</td></tr></table></blockquote><p>Specifies the return value for <ahref="#mxGraph.isRecursiveResize"class=LFunctionid=link860onMouseOver="ShowTip(event, 'tt145', 'link860')"onMouseOut="HideTip('tt145')">isRecursiveResize</a>. Default is false for backwards compatiblity.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.collapseToPreferredSize"></a>collapseToPreferredSize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.collapseToPreferredSize</td></tr></table></blockquote><p>Specifies if the cell size should be changed to the preferred size when a cell is first collapsed. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.zoomFactor"></a>zoomFactor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.zoomFactor</td></tr></table></blockquote><p>Specifies the factor used for <ahref="#mxGraph.zoomIn"class=LFunctionid=link861onMouseOver="ShowTip(event, 'tt148', 'link861')"onMouseOut="HideTip('tt148')">zoomIn</a> and <ahref="#mxGraph.zoomOut"class=LFunctionid=link862onMouseOver="ShowTip(event, 'tt149', 'link862')"onMouseOut="HideTip('tt149')">zoomOut</a>. Default is 1.2 (120%).</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.keepSelectionVisibleOnZoom"></a>keepSelectionVisibleOnZoom</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.keepSelectionVisibleOnZoom</td></tr></table></blockquote><p>Specifies if the viewport should automatically contain the selection cells after a zoom operation. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.centerZoom"></a>centerZoom</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.centerZoom</td></tr></table></blockquote><p>Specifies if the zoom operations should go into the center of the actual diagram rather than going from top, left. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.resetViewOnRootChange"></a>resetViewOnRootChange</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.resetViewOnRootChange</td></tr></table></blockquote><p>Specifies if the scale and translate should be reset if the root changes in the model. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.resetEdgesOnResize"></a>resetEdgesOnResize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.resetEdgesOnResize</td></tr></table></blockquote><p>Specifies if edge control points should be reset after the resize of a connected cell. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.resetEdgesOnMove"></a>resetEdgesOnMove</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.resetEdgesOnMove</td></tr></table></blockquote><p>Specifies if edge control points should be reset after the move of a connected cell. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.resetEdgesOnConnect"></a>resetEdgesOnConnect</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.resetEdgesOnConnect</td></tr></table></blockquote><p>Specifies if edge control points should be reset after the the edge has been reconnected. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.allowLoops"></a>allowLoops</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.allowLoops</td></tr></table></blockquote><p>Specifies if loops (aka self-references) are allowed. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.defaultLoopStyle"></a>defaultLoopStyle</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.defaultLoopStyle</td></tr></table></blockquote><p><ahref="mxEdgeStyle-js.html#mxEdgeStyle"class=LClassid=link863onMouseOver="ShowTip(event, 'tt158', 'link863')"onMouseOut="HideTip('tt158')">mxEdgeStyle</a> to be used for loops. This is a fallback for loops if the <ahref="../util/mxConstants-js.html#mxConstants.STYLE_LOOP"class=LVariableid=link864onMouseOver="ShowTip(event, 'tt499', 'link864')"onMouseOut="HideTip('tt499')">mxConstants.STYLE_LOOP</a> is undefined. Default is <ahref="mxEdgeStyle-js.html#mxEdgeStyle.Loop"class=LFunctionid=link865onMouseOver="ShowTip(event, 'tt500', 'link865')"onMouseOut="HideTip('tt500')">mxEdgeStyle.Loop</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.multigraph"></a>multigraph</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.multigraph</td></tr></table></blockquote><p>Specifies if multiple edges in the same direction between the same pair of vertices are allowed. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.connectableEdges"></a>connectableEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.connectableEdges</td></tr></table></blockquote><p>Specifies if edges are connectable. Default is false. This overrides the connectable field in edges.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.allowDanglingEdges"></a>allowDanglingEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.allowDanglingEdges</td></tr></table></blockquote><p>Specifies if edges with disconnected terminals are allowed in the graph. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cloneInvalidEdges"></a>cloneInvalidEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.cloneInvalidEdges</td></tr></table></blockquote><p>Specifies if edges that are cloned should be validated and only inserted if they are valid. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.disconnectOnMove"></a>disconnectOnMove</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.disconnectOnMove</td></tr></table></blockquote><p>Specifies if edges should be disconnected from their terminals when they are moved. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.labelsVisible"></a>labelsVisible</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.labelsVisible</td></tr></table></blockquote><p>Specifies if labels should be visible. This is used in <ahref="#mxGraph.getLabel"class=LFunctionid=link866onMouseOver="ShowTip(event, 'tt313', 'link866')"onMouseOut="HideTip('tt313')">getLabel</a>. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.htmlLabels"></a>htmlLabels</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.htmlLabels</td></tr></table></blockquote><p>Specifies the return value for <ahref="#mxGraph.isHtmlLabel"class=LFunctionid=link867onMouseOver="ShowTip(event, 'tt166', 'link867')"onMouseOut="HideTip('tt166')">isHtmlLabel</a>. Default is false.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.swimlaneSelectionEnabled"></a>swimlaneSelectionEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.swimlaneSelectionEnabled</td></tr></table></blockquote><p>Specifies if swimlanes should be selectable via the content if the mouse is released. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.swimlaneNesting"></a>swimlaneNesting</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.swimlaneNesting</td></tr></table></blockquote><p>Specifies if nesting of swimlanes is allowed. Default is true.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.swimlaneIndicatorColorAttribute"></a>swimlaneIndicatorColorAttribute</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.swimlaneIndicatorColorAttribute</td></tr></table></blockquote><p>The attribute used to find the color for the indicator if the indicator color is set to ‘swimlane’. Default is <ahref="../util/mxConstants-js.html#mxConstants.STYLE_FILLCOLOR"class=LVariableid=link868onMouseOver="ShowTip(event, 'tt501', 'link868')"onMouseOut="HideTip('tt501')">mxConstants.STYLE_FILLCOLOR</a>.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.imageBundles"></a>imageBundles</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.imageBundles</td></tr></table></blockquote><p>Holds the list of image bundles.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.minFitScale"></a>minFitScale</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.minFitScale</td></tr></table></blockquote><p>Specifies the minimum scale to be applied in <ahref="#mxGraph.fit"class=LFunctionid=link869onMouseOver="ShowTip(event, 'tt172', 'link869')"onMouseOut="HideTip('tt172')">fit</a>. Default is 0.1. Set this to null to allow any value.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.maxFitScale"></a>maxFitScale</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.maxFitScale</td></tr></table></blockquote><p>Specifies the maximum scale to be applied in <ahref="#mxGraph.fit"class=LFunctionid=link870onMouseOver="ShowTip(event, 'tt172', 'link870')"onMouseOut="HideTip('tt172')">fit</a>. Default is 8. Set this to null to allow any value.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.collapsedImage"></a>collapsedImage</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.collapsedImage</td></tr></table></blockquote><p>Specifies the <ahref="../util/mxImage-js.html#mxImage"class=LClassid=link871onMouseOver="ShowTip(event, 'tt76', 'link871')"onMouseOut="HideTip('tt76')">mxImage</a> to indicate a collapsed state. Default value is mxClient.imageBasePath + ‘/collapsed.gif’</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.expandedImage"></a>expandedImage</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.expandedImage</td></tr></table></blockquote><p>Specifies the <ahref="../util/mxImage-js.html#mxImage"class=LClassid=link872onMouseOver="ShowTip(event, 'tt76', 'link872')"onMouseOut="HideTip('tt76')">mxImage</a> to indicate a expanded state. Default value is mxClient.imageBasePath + ‘/expanded.gif’</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.warningImage"></a>warningImage</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.warningImage</td></tr></table></blockquote><p>Specifies the <ahref="../util/mxImage-js.html#mxImage"class=LClassid=link873onMouseOver="ShowTip(event, 'tt76', 'link873')"onMouseOut="HideTip('tt76')">mxImage</a> for the image to be used to display a warning overlay. See <ahref="#mxGraph.setCellWarning"class=LFunctionid=link874onMouseOver="ShowTip(event, 'tt203', 'link874')"onMouseOut="HideTip('tt203')">setCellWarning</a>. Default value is mxClient.imageBasePath + ‘/warning’. The extension for the image depends on the platform. It is ‘.png’ on the Mac and ‘.gif’ on all other platforms.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.alreadyConnectedResource"></a>alreadyConnectedResource</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.alreadyConnectedResource</td></tr></table></blockquote><p>Specifies the resource key for the error message to be displayed in non-multigraphs when two vertices are already connected. If the resource for this key does not exist then the value is used as the error message. Default is ‘alreadyConnected’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.containsValidationErrorsResource"></a>containsValidationErrorsResource</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.containsValidationErrorsResource</td></tr></table></blockquote><p>Specifies the resource key for the warning message to be displayed when a collapsed cell contains validation errors. If the resource for this key does not exist then the value is used as the warning message. Default is ‘containsValidationErrors’.</p></div></div></div>
<divclass="CVariable"><divclass=CTopic><h3class=CTitle><aname="mxGraph.collapseExpandResource"></a>collapseExpandResource</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.collapseExpandResource</td></tr></table></blockquote><p>Specifies the resource key for the tooltip on the collapse/expand icon. If the resource for this key does not exist then the value is used as the tooltip. Default is ‘collapse-expand’.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.init"></a>init</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.init = function(</td><tdclass=PParameternowrap>container</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Initializes the <container> and creates the respective datastructures.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>container</td><tdclass=CDLDescription>DOM node that will contain the graph display.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.createHandlers"></a>createHandlers</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.createHandlers = function(</td><tdclass=PParameternowrap>container</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates the tooltip-, panning-, connection- and graph-handler (in this order). This is called in the constructor before <ahref="#mxGraph.init"class=LFunctionid=link875onMouseOver="ShowTip(event, 'tt182', 'link875')"onMouseOut="HideTip('tt182')">init</a> is called.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.createSelectionModel"></a>createSelectionModel</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.createSelectionModel = function()</td></tr></table></blockquote><p>Creates a new <ahref="mxGraphSelectionModel-js.html#mxGraphSelectionModel"class=LClassid=link876onMouseOver="ShowTip(event, 'tt47', 'link876')"onMouseOut="HideTip('tt47')">mxGraphSelectionModel</a> to be used in this graph.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.createStylesheet"></a>createStylesheet</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.createStylesheet = function()</td></tr></table></blockquote><p>Creates a new <ahref="mxGraphSelectionModel-js.html#mxGraphSelectionModel"class=LClassid=link877onMouseOver="ShowTip(event, 'tt47', 'link877')"onMouseOut="HideTip('tt47')">mxGraphSelectionModel</a> to be used in this graph.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.createGraphView"></a>createGraphView</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.createGraphView = function()</td></tr></table></blockquote><p>Creates a new <ahref="mxGraphView-js.html#mxGraphView"class=LClassid=link878onMouseOver="ShowTip(event, 'tt42', 'link878')"onMouseOut="HideTip('tt42')">mxGraphView</a> to be used in this graph.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.createCellRenderer"></a>createCellRenderer</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.createCellRenderer = function()</td></tr></table></blockquote><p>Creates a new <ahref="mxCellRenderer-js.html#mxCellRenderer"class=LClassid=link879onMouseOver="ShowTip(event, 'tt51', 'link879')"onMouseOut="HideTip('tt51')">mxCellRenderer</a> to be used in this graph.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.createCellEditor"></a>createCellEditor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.createCellEditor = function()</td></tr></table></blockquote><p>Creates a new <ahref="mxCellEditor-js.html#mxCellEditor"class=LClassid=link880onMouseOver="ShowTip(event, 'tt49', 'link880')"onMouseOut="HideTip('tt49')">mxCellEditor</a> to be used in this graph.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getModel"></a>getModel</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.getModel = function()</td></tr></table></blockquote><p>Returns the <ahref="../model/mxGraphModel-js.html#mxGraphModel"class=LClassid=link881onMouseOver="ShowTip(event, 'tt40', 'link881')"onMouseOut="HideTip('tt40')">mxGraphModel</a> that contains the cells.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getView"></a>getView</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.getView = function()</td></tr></table></blockquote><p>Returns the <ahref="mxGraphView-js.html#mxGraphView"class=LClassid=link882onMouseOver="ShowTip(event, 'tt42', 'link882')"onMouseOut="HideTip('tt42')">mxGraphView</a> that contains the <ahref="mxCellState-js.html#mxCellState"class=LClassid=link883onMouseOver="ShowTip(event, 'tt43', 'link883')"onMouseOut="HideTip('tt43')">mxCellStates</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getStylesheet"></a>getStylesheet</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.getStylesheet = function()</td></tr></table></blockquote><p>Returns the <ahref="mxStylesheet-js.html#mxStylesheet"class=LClassid=link884onMouseOver="ShowTip(event, 'tt45', 'link884')"onMouseOut="HideTip('tt45')">mxStylesheet</a> that defines the style.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setStylesheet"></a>setStylesheet</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setStylesheet = function(</td><tdclass=PParameternowrap>stylesheet</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the <ahref="mxStylesheet-js.html#mxStylesheet"class=LClassid=link885onMouseOver="ShowTip(event, 'tt45', 'link885')"onMouseOut="HideTip('tt45')">mxStylesheet</a> that defines the style.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getSelectionModel"></a>getSelectionModel</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.getSelectionModel = function()</td></tr></table></blockquote><p>Returns the <ahref="mxGraphSelectionModel-js.html#mxGraphSelectionModel"class=LClassid=link886onMouseOver="ShowTip(event, 'tt47', 'link886')"onMouseOut="HideTip('tt47')">mxGraphSelectionModel</a> that contains the selection.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setSelectionModel"></a>setSelectionModel</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setSelectionModel = function(</td><tdclass=PParameternowrap>selectionModel</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the <mxSelectionModel> that contains the selection.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getSelectionCellsForChanges"></a>getSelectionCellsForChanges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getSelectionCellsForChanges = function(</td><tdclass=PParameternowrap>changes</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the cells to be selected for the given array of changes.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.graphModelChanged"></a>graphModelChanged</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.graphModelChanged = function(</td><tdclass=PParameternowrap>changes</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Called when the graph model changes. Invokes <ahref="#mxGraph.processChange"class=LFunctionid=link887onMouseOver="ShowTip(event, 'tt198', 'link887')"onMouseOut="HideTip('tt198')">processChange</a> on each item of the given array to update the view accordingly.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>changes</td><tdclass=CDLDescription>Array that contains the individual changes.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getRemovedCellsForChanges"></a>getRemovedCellsForChanges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getRemovedCellsForChanges = function(</td><tdclass=PParameternowrap>changes</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the cells that have been removed from the model.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.processChange"></a>processChange</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.processChange = function(</td><tdclass=PParameternowrap>change</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Processes the given change and invalidates the respective cached data in <ahref="#mxGraph.view"class=LVariableid=link888onMouseOver="ShowTip(event, 'tt41', 'link888')"onMouseOut="HideTip('tt41')">view</a>. This fires a <root> event if the root has changed in the model.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>change</td><tdclass=CDLDescription>Object that represents the change on the model.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.removeStateForCell"></a>removeStateForCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.removeStateForCell = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes all cached information for the given cell and its descendants. This is called when a cell was removed from the model.</p><h4class=CHeading>Paramters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link889onMouseOver="ShowTip(event, 'tt231', 'link889')"onMouseOut="HideTip('tt231')">mxCell</a> that was removed from the model.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.addCellOverlay"></a>addCellOverlay</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.addCellOverlay = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>overlay</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds an <ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link890onMouseOver="ShowTip(event, 'tt200', 'link890')"onMouseOut="HideTip('tt200')">mxCellOverlay</a> for the specified cell. This method fires an <addoverlay> event and returns the new <ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link891onMouseOver="ShowTip(event, 'tt200', 'link891')"onMouseOut="HideTip('tt200')">mxCellOverlay</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link892onMouseOver="ShowTip(event, 'tt231', 'link892')"onMouseOut="HideTip('tt231')">mxCell</a> to add the overlay for.</td></tr><tr><tdclass=CDLEntry>overlay</td><tdclass=CDLDescription><ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link893onMouseOver="ShowTip(event, 'tt200', 'link893')"onMouseOut="HideTip('tt200')">mxCellOverlay</a> to be added for the cell.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getCellOverlays"></a>getCellOverlays</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getCellOverlays = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the array of <ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link894onMouseOver="ShowTip(event, 'tt200', 'link894')"onMouseOut="HideTip('tt200')">mxCellOverlays</a> for the given cell or null, if no overlays are defined.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link895onMouseOver="ShowTip(event, 'tt231', 'link895')"onMouseOut="HideTip('tt231')">mxCell</a> whose overlays should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.removeCellOverlay"></a>removeCellOverlay</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.removeCellOverlay = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>overlay</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes and returns the given <ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link896onMouseOver="ShowTip(event, 'tt200', 'link896')"onMouseOut="HideTip('tt200')">mxCellOverlay</a> from the given cell. This method fires a <removeoverlay> event. If no overlay is given, then all overlays are removed using <removeOverlays>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link897onMouseOver="ShowTip(event, 'tt231', 'link897')"onMouseOut="HideTip('tt231')">mxCell</a> whose overlay should be removed.</td></tr><tr><tdclass=CDLEntry>overlay</td><tdclass=CDLDescription>Optional <ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link898onMouseOver="ShowTip(event, 'tt200', 'link898')"onMouseOut="HideTip('tt200')">mxCellOverlay</a> to be removed.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.removeCellOverlays"></a>removeCellOverlays</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.removeCellOverlays = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes all <ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link899onMouseOver="ShowTip(event, 'tt200', 'link899')"onMouseOut="HideTip('tt200')">mxCellOverlays</a> from the given cell. This method fires a <removeoverlay> event for each <ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link900onMouseOver="ShowTip(event, 'tt200', 'link900')"onMouseOut="HideTip('tt200')">mxCellOverlay</a> and returns the array of <ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link901onMouseOver="ShowTip(event, 'tt200', 'link901')"onMouseOut="HideTip('tt200')">mxCellOverlays</a> that was removed from the cell.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link902onMouseOver="ShowTip(event, 'tt231', 'link902')"onMouseOut="HideTip('tt231')">mxCell</a> whose overlays should be removed</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.clearCellOverlays"></a>clearCellOverlays</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.clearCellOverlays = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes all <ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link903onMouseOver="ShowTip(event, 'tt200', 'link903')"onMouseOut="HideTip('tt200')">mxCellOverlays</a> in the graph for the given cell and all its descendants. If no cell is specified then all overlays are removed from the graph. This implementation uses <ahref="#mxGraph.removeCellOverlays"class=LFunctionid=link904onMouseOver="ShowTip(event, 'tt34', 'link904')"onMouseOut="HideTip('tt34')">removeCellOverlays</a> to remove the overlays from the individual cells.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link905onMouseOver="ShowTip(event, 'tt231', 'link905')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the root of the subtree to remove the overlays from. Default is the root in the model.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setCellWarning"></a>setCellWarning</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setCellWarning = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>warning,</td></tr><tr><td></td><tdclass=PParameternowrap>img,</td></tr><tr><td></td><tdclass=PParameternowrap>isSelect</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates an overlay for the given cell using the warning and image or <ahref="#mxGraph.warningImage"class=LVariableid=link906onMouseOver="ShowTip(event, 'tt178', 'link906')"onMouseOut="HideTip('tt178')">warningImage</a> and returns the new <ahref="mxCellOverlay-js.html#mxCellOverlay"class=LClassid=link907onMouseOver="ShowTip(event, 'tt200', 'link907')"onMouseOut="HideTip('tt200')">mxCellOverlay</a>. The warning is displayed as a tooltip in a red font and may contain HTML markup. If the warning is null or a zero length string, then all overlays are removed from the cell.</p><h4class=CHeading>Example</h4><blockquote><preclass="prettyprint">graph.setCellWarning(cell, '<b>Warning:</b>: Hello, World!');</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link908onMouseOver="ShowTip(event, 'tt231', 'link908')"onMouseOut="HideTip('tt231')">mxCell</a> whose warning should be set.</td></tr><tr><tdclass=CDLEntry>warning</td><tdclass=CDLDescription>String that represents the warning to be displayed.</td></tr><tr><tdclass=CDLEntry>img</td><tdclass=CDLDescription>Optional <ahref="../util/mxImage-js.html#mxImage"class=LClassid=link909onMouseOver="ShowTip(event, 'tt76', 'link909')"onMouseOut="HideTip('tt76')">mxImage</a> to be used for the overlay. Default is <ahref="#mxGraph.warningImage"class=LVariableid=link910onMouseOver="ShowTip(event, 'tt178', 'link910')"onMouseOut="HideTip('tt178')">warningImage</a>.</td></tr><tr><tdclass=CDLEntry>isSelect</td><tdclass=CDLDescription>Optional boolean indicating if a click on the overlay should select the corresponding cell. Default is false.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.startEditing"></a>startEditing</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.startEditing = function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Calls <ahref="#mxGraph.startEditingAtCell"class=LFunctionid=link911onMouseOver="ShowTip(event, 'tt30', 'link911')"onMouseOut="HideTip('tt30')">startEditingAtCell</a> using the given cell or the first selection cell.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Optional mouse event that triggered the editing.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.startEditingAtCell"></a>startEditingAtCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.startEditingAtCell = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Fires a <ahref="#mxGraph.startEditing"class=LFunctionid=link912onMouseOver="ShowTip(event, 'tt204', 'link912')"onMouseOut="HideTip('tt204')">startEditing</a> event and invokes <ahref="mxCellEditor-js.html#mxCellEditor.startEditing"class=LFunctionid=link913onMouseOver="ShowTip(event, 'tt205', 'link913')"onMouseOut="HideTip('tt205')">mxCellEditor.startEditing</a> on <editor>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link914onMouseOver="ShowTip(event, 'tt231', 'link914')"onMouseOut="HideTip('tt231')">mxCell</a> to start the in-place editor for.</td></tr><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Optional mouse event that triggered the editing.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getEditingValue"></a>getEditingValue</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getEditingValue = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the initial value for in-place editing. This implementation returns <ahref="#mxGraph.convertValueToString"class=LFunctionid=link915onMouseOver="ShowTip(event, 'tt312', 'link915')"onMouseOut="HideTip('tt312')">convertValueToString</a> for the given cell. If this function is overridden, then <ahref="../model/mxGraphModel-js.html#mxGraphModel.valueForCellChanged"class=LFunctionid=link916onMouseOver="ShowTip(event, 'tt488', 'link916')"onMouseOut="HideTip('tt488')">mxGraphModel.valueForCellChanged</a> should take care of correctly storing the actual new value inside the user object.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link917onMouseOver="ShowTip(event, 'tt231', 'link917')"onMouseOut="HideTip('tt231')">mxCell</a> for which the initial editing value should be returned.</td></tr><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Optional mouse event that triggered the editor.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.stopEditing"></a>stopEditing</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.stopEditing = function(</td><tdclass=PParameternowrap>cancel</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Stops the current editing.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cancel</td><tdclass=CDLDescription>Boolean that specifies if the current editing value should be stored.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.labelChanged"></a>labelChanged</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.labelChanged = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>value,</td></tr><tr><td></td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the label of the specified cell to the given value using <ahref="#mxGraph.cellLabelChanged"class=LFunctionid=link918onMouseOver="ShowTip(event, 'tt31', 'link918')"onMouseOut="HideTip('tt31')">cellLabelChanged</a> and fires <ahref="#mxGraph.mxEvent.LABEL_CHANGED"class=LEventid=link919onMouseOver="ShowTip(event, 'tt209', 'link919')"onMouseOut="HideTip('tt209')">mxEvent.LABEL_CHANGED</a> while the transaction is in progress. Returns the cell whose label was changed.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link920onMouseOver="ShowTip(event, 'tt231', 'link920')"onMouseOut="HideTip('tt231')">mxCell</a> whose label should be changed.</td></tr><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>New label to be assigned.</td></tr><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Optional event that triggered the change.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellLabelChanged"></a>cellLabelChanged</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.cellLabelChanged = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>value,</td></tr><tr><td></td><tdclass=PParameternowrap>autoSize</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the new label for a cell. If autoSize is true then <ahref="#mxGraph.cellSizeUpdated"class=LFunctionid=link921onMouseOver="ShowTip(event, 'tt248', 'link921')"onMouseOut="HideTip('tt248')">cellSizeUpdated</a> will be called.</p><p>In the following example, the function is extended to map changes to attributes in an XML node, as shown in <ahref="#mxGraph.convertValueToString"class=LFunctionid=link922onMouseOver="ShowTip(event, 'tt312', 'link922')"onMouseOut="HideTip('tt312')">convertValueToString</a>. Alternatively, the handling of this can be implemented as shown in <ahref="../model/mxGraphModel-js.html#mxGraphModel.valueForCellChanged"class=LFunctionid=link923onMouseOver="ShowTip(event, 'tt488', 'link923')"onMouseOut="HideTip('tt488')">mxGraphModel.valueForCellChanged</a> without the need to clone the user object.</p><blockquote><preclass="prettyprint">var graphCellLabelChanged = graph.cellLabelChanged;
};</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link924onMouseOver="ShowTip(event, 'tt231', 'link924')"onMouseOut="HideTip('tt231')">mxCell</a> whose label should be changed.</td></tr><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>New label to be assigned.</td></tr><tr><tdclass=CDLEntry>autoSize</td><tdclass=CDLDescription>Boolean that specifies if <ahref="#mxGraph.cellSizeUpdated"class=LFunctionid=link925onMouseOver="ShowTip(event, 'tt248', 'link925')"onMouseOut="HideTip('tt248')">cellSizeUpdated</a> should be called.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.escape"></a>escape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.escape = function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Processes an escape keystroke.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Mouseevent that represents the keystroke.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.click"></a>click</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.click = function(</td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Processes a singleclick on an optional cell and fires a <ahref="#mxGraph.click"class=LFunctionid=link926onMouseOver="ShowTip(event, 'tt24', 'link926')"onMouseOut="HideTip('tt24')">click</a> event. The click event is fired initially. If the graph is enabled and the event has not been consumed, then the cell is selected using <ahref="#mxGraph.selectCellForEvent"class=LFunctionid=link927onMouseOver="ShowTip(event, 'tt467', 'link927')"onMouseOut="HideTip('tt467')">selectCellForEvent</a> or the selection is cleared using <ahref="#mxGraph.clearSelection"class=LFunctionid=link928onMouseOver="ShowTip(event, 'tt447', 'link928')"onMouseOut="HideTip('tt447')">clearSelection</a>. The events consumed state is set to true if the corresponding <ahref="../util/mxMouseEvent-js.html#mxMouseEvent"class=LClassid=link929onMouseOver="ShowTip(event, 'tt210', 'link929')"onMouseOut="HideTip('tt210')">mxMouseEvent</a> has been consumed.</p><p>To handle a click event, use the following code.</p><blockquote><preclass="prettyprint">graph.addListener(mxEvent.CLICK, function(sender, evt)
});</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>me</td><tdclass=CDLDescription><ahref="../util/mxMouseEvent-js.html#mxMouseEvent"class=LClassid=link930onMouseOver="ShowTip(event, 'tt210', 'link930')"onMouseOut="HideTip('tt210')">mxMouseEvent</a> that represents the single click.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.dblClick"></a>dblClick</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.dblClick = function(</td><tdclass=PParameternowrap>evt,</td></tr><tr><td></td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Processes a doubleclick on an optional cell and fires a <dblclick> event. The event is fired initially. If the graph is enabled and the event has not been consumed, then <edit> is called with the given cell. The event is ignored if no cell was specified.</p><p>Example for overriding this method.</p><blockquote><preclass="prettyprint">graph.dblClick = function(evt, cell)
}</pre></blockquote><p>Example listener for this event.</p><blockquote><preclass="prettyprint">graph.addListener(mxEvent.DOUBLE_CLICK, function(sender, evt)
});</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Mouseevent that represents the doubleclick.</td></tr><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link931onMouseOver="ShowTip(event, 'tt231', 'link931')"onMouseOut="HideTip('tt231')">mxCell</a> under the mousepointer.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.tapAndHold"></a>tapAndHold</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.tapAndHold = function(</td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Handles the <ahref="../util/mxMouseEvent-js.html#mxMouseEvent"class=LClassid=link932onMouseOver="ShowTip(event, 'tt210', 'link932')"onMouseOut="HideTip('tt210')">mxMouseEvent</a> by highlighting the <ahref="mxCellState-js.html#mxCellState"class=LClassid=link933onMouseOver="ShowTip(event, 'tt43', 'link933')"onMouseOut="HideTip('tt43')">mxCellState</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>me</td><tdclass=CDLDescription><ahref="../util/mxMouseEvent-js.html#mxMouseEvent"class=LClassid=link934onMouseOver="ShowTip(event, 'tt210', 'link934')"onMouseOut="HideTip('tt210')">mxMouseEvent</a> that represents the touch event.</td></tr><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription>Optional <ahref="mxCellState-js.html#mxCellState"class=LClassid=link935onMouseOver="ShowTip(event, 'tt43', 'link935')"onMouseOut="HideTip('tt43')">mxCellState</a> that is associated with the event.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.scrollPointToVisible"></a>scrollPointToVisible</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.scrollPointToVisible = function(</td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y,</td></tr><tr><td></td><tdclass=PParameternowrap>extend,</td></tr><tr><td></td><tdclass=PParameternowrap>border</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Scrolls the graph to the given point, extending the graph container if specified.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.createPanningManager"></a>createPanningManager</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.createPanningManager = function()</td></tr></table></blockquote><p>Creates and returns an <ahref="../util/mxPanningManager-js.html#mxPanningManager"class=LClassid=link936onMouseOver="ShowTip(event, 'tt212', 'link936')"onMouseOut="HideTip('tt212')">mxPanningManager</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getBorderSizes"></a>getBorderSizes</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.getBorderSizes = function()</td></tr></table></blockquote><p>Returns the size of the border and padding on all four sides of the container. The left, top, right and bottom borders are stored in the x, y, width and height of the returned <ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link937onMouseOver="ShowTip(event, 'tt132', 'link937')"onMouseOut="HideTip('tt132')">mxRectangle</a>, respectively.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getPreferredPageSize"></a>getPreferredPageSize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getPreferredPageSize = function(</td><tdclass=PParameternowrap>bounds,</td></tr><tr><td></td><tdclass=PParameternowrap>width,</td></tr><tr><td></td><tdclass=PParameternowrap>height</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the preferred size of the background page if <ahref="#mxGraph.preferPageSize"class=LVariableid=link938onMouseOver="ShowTip(event, 'tt83', 'link938')"onMouseOut="HideTip('tt83')">preferPageSize</a> is true.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.sizeDidChange"></a>sizeDidChange</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.sizeDidChange = function()</td></tr></table></blockquote><p>Called when the size of the graph has changed. This implementation fires a <size> event after updating the clipping region of the SVG element in SVG-bases browsers.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.doResizeContainer"></a>doResizeContainer</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.doResizeContainer = function(</td><tdclass=PParameternowrap>width,</td></tr><tr><td></td><tdclass=PParameternowrap>height</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Resizes the container for the given graph width and height.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.redrawPageBreaks"></a>redrawPageBreaks</h3><divclass=CBody><p>Invokes from <ahref="#mxGraph.sizeDidChange"class=LFunctionid=link939onMouseOver="ShowTip(event, 'tt29', 'link939')"onMouseOut="HideTip('tt29')">sizeDidChange</a> to redraw the page breaks.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>visible</td><tdclass=CDLDescription>Boolean that specifies if page breaks should be shown.</td></tr><tr><tdclass=CDLEntry>width</td><tdclass=CDLDescription>Specifies the width of the container in pixels.</td></tr><tr><tdclass=CDLEntry>height</td><tdclass=CDLDescription>Specifies the height of the container in pixels.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getCellStyle"></a>getCellStyle</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getCellStyle = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns an array of key, value pairs representing the cell style for the given cell. If no string is defined in the model that specifies the style, then the default style for the cell is returned or <ahref="#mxGraph.EMPTY_ARRAY"class=LVariableid=link940onMouseOver="ShowTip(event, 'tt36', 'link940')"onMouseOut="HideTip('tt36')">EMPTY_ARRAY</a>, if not style can be found. Note: You should try and get the cell state for the given cell and use the cached style in the state before using this method.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link941onMouseOver="ShowTip(event, 'tt231', 'link941')"onMouseOut="HideTip('tt231')">mxCell</a> whose style should be returned as an array.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.postProcessCellStyle"></a>postProcessCellStyle</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.postProcessCellStyle = function(</td><tdclass=PParameternowrap>style</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Tries to resolve the value for the image style in the image bundles and turns short data URIs as defined in mxImageBundle to data URIs as defined in RFC 2397 of the IETF.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setCellStyle"></a>setCellStyle</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setCellStyle = function(</td><tdclass=PParameternowrap>style,</td></tr><tr><td></td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the style of the specified cells. If no cells are given, then the selection cells are changed.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>style</td><tdclass=CDLDescription>String representing the new style of the cells.</td></tr><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Optional array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link942onMouseOver="ShowTip(event, 'tt231', 'link942')"onMouseOut="HideTip('tt231')">mxCells</a> to set the style for. Default is the selection cells.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.toggleCellStyle"></a>toggleCellStyle</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.toggleCellStyle = function(</td><tdclass=PParameternowrap>key,</td></tr><tr><td></td><tdclass=PParameternowrap>defaultValue,</td></tr><tr><td></td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Toggles the boolean value for the given key in the style of the given cell. If no cell is specified then the selection cell is used.</p><h4class=CHeading>Parameter</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>key</td><tdclass=CDLDescription>String representing the key for the boolean value to be toggled.</td></tr><tr><tdclass=CDLEntry>defaultValue</td><tdclass=CDLDescription>Optional boolean default value if no value is defined. Default is false.</td></tr><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link943onMouseOver="ShowTip(event, 'tt231', 'link943')"onMouseOut="HideTip('tt231')">mxCell</a> whose style should be modified. Default is the selection cell.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.toggleCellStyles"></a>toggleCellStyles</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.toggleCellStyles = function(</td><tdclass=PParameternowrap>key,</td></tr><tr><td></td><tdclass=PParameternowrap>defaultValue,</td></tr><tr><td></td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Toggles the boolean value for the given key in the style of the given cells. If no cells are specified, then the selection cells are used. For example, this can be used to toggle <ahref="../util/mxConstants-js.html#mxConstants.STYLE_ROUNDED"class=LVariableid=link944onMouseOver="ShowTip(event, 'tt502', 'link944')"onMouseOut="HideTip('tt502')">mxConstants.STYLE_ROUNDED</a> or any other style with a boolean value.</p><h4class=CHeading>Parameter</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>key</td><tdclass=CDLDescription>String representing the key for the boolean value to be toggled.</td></tr><tr><tdclass=CDLEntry>defaultValue</td><tdclass=CDLDescription>Optional boolean default value if no value is defined. Default is false.</td></tr><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Optional array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link945onMouseOver="ShowTip(event, 'tt231', 'link945')"onMouseOut="HideTip('tt231')">mxCells</a> whose styles should be modified. Default is the selection cells.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setCellStyles"></a>setCellStyles</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setCellStyles = function(</td><tdclass=PParameternowrap>key,</td></tr><tr><td></td><tdclass=PParameternowrap>value,</td></tr><tr><td></td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the key to value in the styles of the given cells. This will modify the existing cell styles in-place and override any existing assignment for the given key. If no cells are specified, then the selection cells are changed. If no value is specified, then the respective key is removed from the styles.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>key</td><tdclass=CDLDescription>String representing the key to be assigned.</td></tr><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>String representing the new value for the key.</td></tr><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Optional array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link946onMouseOver="ShowTip(event, 'tt231', 'link946')"onMouseOut="HideTip('tt231')">mxCells</a> to change the style for. Default is the selection cells.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.toggleCellStyleFlags"></a>toggleCellStyleFlags</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.toggleCellStyleFlags = function(</td><tdclass=PParameternowrap>key,</td></tr><tr><td></td><tdclass=PParameternowrap>flag,</td></tr><tr><td></td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Toggles the given bit for the given key in the styles of the specified cells.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>key</td><tdclass=CDLDescription>String representing the key to toggle the flag in.</td></tr><tr><tdclass=CDLEntry>flag</td><tdclass=CDLDescription>Integer that represents the bit to be toggled.</td></tr><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Optional array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link947onMouseOver="ShowTip(event, 'tt231', 'link947')"onMouseOut="HideTip('tt231')">mxCells</a> to change the style for. Default is the selection cells.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setCellStyleFlags"></a>setCellStyleFlags</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setCellStyleFlags = function(</td><tdclass=PParameternowrap>key,</td></tr><tr><td></td><tdclass=PParameternowrap>flag,</td></tr><tr><td></td><tdclass=PParameternowrap>value,</td></tr><tr><td></td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets or toggles the given bit for the given key in the styles of the specified cells.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>key</td><tdclass=CDLDescription>String representing the key to toggle the flag in.</td></tr><tr><tdclass=CDLEntry>flag</td><tdclass=CDLDescription>Integer that represents the bit to be toggled.</td></tr><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean value to be used or null if the value should be toggled.</td></tr><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Optional array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link948onMouseOver="ShowTip(event, 'tt231', 'link948')"onMouseOut="HideTip('tt231')">mxCells</a> to change the style for. Default is the selection cells.</td></tr></table></div></div></div>
<divclass="CGroup"><divclass=CTopic><h3class=CTitle><aname="mxGraph.Cell_alignment_and_orientation"></a>Cell alignment and orientation</h3></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.alignCells"></a>alignCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.alignCells = function(</td><tdclass=PParameternowrap>align,</td></tr><tr><td></td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>param</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Aligns the given cells vertically or horizontally according to the given alignment using the optional parameter as the coordinate.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>align</td><tdclass=CDLDescription>Specifies the alignment. Possible values are all constants in mxConstants with an ALIGN prefix.</td></tr><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link949onMouseOver="ShowTip(event, 'tt231', 'link949')"onMouseOut="HideTip('tt231')">mxCells</a> to be aligned.</td></tr><tr><tdclass=CDLEntry>param</td><tdclass=CDLDescription>Optional coordinate for the alignment.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.flipEdge"></a>flipEdge</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.flipEdge = function(</td><tdclass=PParameternowrap>edge</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Toggles the style of the given edge between null (or empty) and <ahref="#mxGraph.alternateEdgeStyle"class=LVariableid=link950onMouseOver="ShowTip(event, 'tt74', 'link950')"onMouseOut="HideTip('tt74')">alternateEdgeStyle</a>. This method fires <ahref="#mxGraph.mxEvent.FLIP_EDGE"class=LEventid=link951onMouseOver="ShowTip(event, 'tt503', 'link951')"onMouseOut="HideTip('tt503')">mxEvent.FLIP_EDGE</a> while the transaction is in progress. Returns the edge that was flipped.</p><p>Here is an example that overrides this implementation to invert the value of <ahref="../util/mxConstants-js.html#mxConstants.STYLE_ELBOW"class=LVariableid=link952onMouseOver="ShowTip(event, 'tt504', 'link952')"onMouseOut="HideTip('tt504')">mxConstants.STYLE_ELBOW</a> without removing any existing styles.</p><blockquote><preclass="prettyprint">graph.flipEdge = function(edge)
};</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>edge</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link953onMouseOver="ShowTip(event, 'tt231', 'link953')"onMouseOut="HideTip('tt231')">mxCell</a> whose style should be changed.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getImageFromBundles"></a>getImageFromBundles</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getImageFromBundles = function(</td><tdclass=PParameternowrap>key</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Searches all <ahref="#mxGraph.imageBundles"class=LVariableid=link956onMouseOver="ShowTip(event, 'tt170', 'link956')"onMouseOut="HideTip('tt170')">imageBundles</a> for the specified key and returns the value for the first match or null if the key is not found.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.orderCells"></a>orderCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.orderCells = function(</td><tdclass=PParameternowrap>back,</td></tr><tr><td></td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Moves the given cells to the front or back. The change is carried out using <ahref="#mxGraph.cellsOrdered"class=LFunctionid=link957onMouseOver="ShowTip(event, 'tt5', 'link957')"onMouseOut="HideTip('tt5')">cellsOrdered</a>. This method fires <ahref="#mxGraph.mxEvent.ORDER_CELLS"class=LEventid=link958onMouseOver="ShowTip(event, 'tt505', 'link958')"onMouseOut="HideTip('tt505')">mxEvent.ORDER_CELLS</a> while the transaction is in progress.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>back</td><tdclass=CDLDescription>Boolean that specifies if the cells should be moved to back.</td></tr><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link959onMouseOver="ShowTip(event, 'tt231', 'link959')"onMouseOut="HideTip('tt231')">mxCells</a> to move to the background. If null is specified then the selection cells are used.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsOrdered"></a>cellsOrdered</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.cellsOrdered = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>back</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Moves the given cells to the front or back. This method fires <ahref="#mxGraph.mxEvent.CELLS_ORDERED"class=LEventid=link960onMouseOver="ShowTip(event, 'tt506', 'link960')"onMouseOut="HideTip('tt506')">mxEvent.CELLS_ORDERED</a> while the transaction is in progress.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link961onMouseOver="ShowTip(event, 'tt231', 'link961')"onMouseOut="HideTip('tt231')">mxCells</a> whose order should be changed.</td></tr><tr><tdclass=CDLEntry>back</td><tdclass=CDLDescription>Boolean that specifies if the cells should be moved to back.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.groupCells"></a>groupCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.groupCells = function(</td><tdclass=PParameternowrap>group,</td></tr><tr><td></td><tdclass=PParameternowrap>border,</td></tr><tr><td></td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds the cells into the given group. The change is carried out using <ahref="#mxGraph.cellsAdded"class=LFunctionid=link962onMouseOver="ShowTip(event, 'tt10', 'link962')"onMouseOut="HideTip('tt10')">cellsAdded</a>, <ahref="#mxGraph.cellsMoved"class=LFunctionid=link963onMouseOver="ShowTip(event, 'tt20', 'link963')"onMouseOut="HideTip('tt20')">cellsMoved</a> and <ahref="#mxGraph.cellsResized"class=LFunctionid=link964onMouseOver="ShowTip(event, 'tt18', 'link964')"onMouseOut="HideTip('tt18')">cellsResized</a>. This method fires <ahref="#mxGraph.mxEvent.GROUP_CELLS"class=LEventid=link965onMouseOver="ShowTip(event, 'tt507', 'link965')"onMouseOut="HideTip('tt507')">mxEvent.GROUP_CELLS</a> while the transaction is in progress. Returns the new group. A group is only created if there is at least one entry in the given array of cells.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>group</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link966onMouseOver="ShowTip(event, 'tt231', 'link966')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the target group. If null is specified then a new group is created using <ahref="#mxGraph.createGroupCell"class=LFunctionid=link967onMouseOver="ShowTip(event, 'tt230', 'link967')"onMouseOut="HideTip('tt230')">createGroupCell</a>.</td></tr><tr><tdclass=CDLEntry>border</td><tdclass=CDLDescription>Optional integer that specifies the border between the child area and the group bounds. Default is 0.</td></tr><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Optional array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link968onMouseOver="ShowTip(event, 'tt231', 'link968')"onMouseOut="HideTip('tt231')">mxCells</a> to be grouped. If null is specified then the selection cells are used.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getCellsForGroup"></a>getCellsForGroup</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getCellsForGroup = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the cells with the same parent as the first cell in the given array.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getBoundsForGroup"></a>getBoundsForGroup</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getBoundsForGroup = function(</td><tdclass=PParameternowrap>group,</td></tr><tr><td></td><tdclass=PParameternowrap>children,</td></tr><tr><td></td><tdclass=PParameternowrap>border</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the bounds to be used for the given group and children.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.createGroupCell"></a>createGroupCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.createGroupCell = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook for creating the group cell to hold the given array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link969onMouseOver="ShowTip(event, 'tt231', 'link969')"onMouseOut="HideTip('tt231')">mxCells</a> if no group cell was given to the <group> function.</p><p>The following code can be used to set the style of new group cells.</p><blockquote><preclass="prettyprint">var graphCreateGroupCell = graph.createGroupCell;
var group = graphCreateGroupCell.apply(this, arguments);
group.setStyle('group');
return group;
};</pre></blockquote></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.ungroupCells"></a>ungroupCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.ungroupCells = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Ungroups the given cells by moving the children the children to their parents parent and removing the empty groups. Returns the children that have been removed from the groups.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of cells to be ungrouped. If null is specified then the selection cells are used.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.removeCellsFromParent"></a>removeCellsFromParent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.removeCellsFromParent = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes the specified cells from their parents and adds them to the default parent. Returns the cells that were removed from their parents.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link970onMouseOver="ShowTip(event, 'tt231', 'link970')"onMouseOut="HideTip('tt231')">mxCells</a> to be removed from their parents.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.updateGroupBounds"></a>updateGroupBounds</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.updateGroupBounds = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>border,</td></tr><tr><td></td><tdclass=PParameternowrap>moveGroup</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the bounds of the given array of groups so that it includes all child vertices.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>The groups whose bounds should be updated.</td></tr><tr><tdclass=CDLEntry>border</td><tdclass=CDLDescription>Optional border to be added in the group. Default is 0.</td></tr><tr><tdclass=CDLEntry>moveGroup</td><tdclass=CDLDescription>Optional boolean that allows the group to be moved. Default is false.</td></tr></table></div></div></div>
<divclass="CGroup"><divclass=CTopic><h3class=CTitle><aname="mxGraph.Cell_cloning,insertion_and_removal"></a>Cell cloning, insertion and removal</h3></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cloneCells"></a>cloneCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.cloneCells = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>allowInvalidEdges</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the clones for the given cells. If the terminal of an edge is not in the given array, then the respective end is assigned a terminal point and the terminal is removed.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link971onMouseOver="ShowTip(event, 'tt231', 'link971')"onMouseOut="HideTip('tt231')">mxCells</a> to be cloned.</td></tr><tr><tdclass=CDLEntry>allowInvalidEdges</td><tdclass=CDLDescription>Optional boolean that specifies if invalid edges should be cloned. Default is true.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.insertVertex"></a>insertVertex</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.insertVertex = function(</td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>id,</td></tr><tr><td></td><tdclass=PParameternowrap>value,</td></tr><tr><td></td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y,</td></tr><tr><td></td><tdclass=PParameternowrap>width,</td></tr><tr><td></td><tdclass=PParameternowrap>height,</td></tr><tr><td></td><tdclass=PParameternowrap>style,</td></tr><tr><td></td><tdclass=PParameternowrap>relative</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds a new vertex into the given parent <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link972onMouseOver="ShowTip(event, 'tt231', 'link972')"onMouseOut="HideTip('tt231')">mxCell</a> using value as the user object and the given coordinates as the <ahref="../model/mxGeometry-js.html#mxGeometry"class=LClassid=link973onMouseOver="ShowTip(event, 'tt235', 'link973')"onMouseOut="HideTip('tt235')">mxGeometry</a> of the new vertex. The id and style are used for the respective properties of the new <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link974onMouseOver="ShowTip(event, 'tt231', 'link974')"onMouseOut="HideTip('tt231')">mxCell</a>, which is returned.</p><p>When adding new vertices from a mouse event, one should take into account the offset of the graph container and the scale and translation of the view in order to find the correct unscaled, untranslated coordinates using <ahref="#mxGraph.getPointForEvent"class=LFunctionid=link975onMouseOver="ShowTip(event, 'tt440', 'link975')"onMouseOut="HideTip('tt440')">mxGraph.getPointForEvent</a> as follows:</p><blockquote><preclass="prettyprint">var pt = graph.getPointForEvent(evt);
'Hello, World!', x, y, 220, 30);</pre></blockquote><p>For adding image cells, the style parameter can be assigned as</p><blockquote><preclass="prettyprint">stylename;image=imageUrl</pre></blockquote><p>See <ahref="#mxGraph.mxGraph"class=LFunctionid=link976onMouseOver="ShowTip(event, 'tt35', 'link976')"onMouseOut="HideTip('tt35')">mxGraph</a> for more information on using images.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link977onMouseOver="ShowTip(event, 'tt231', 'link977')"onMouseOut="HideTip('tt231')">mxCell</a> that specifies the parent of the new vertex.</td></tr><tr><tdclass=CDLEntry>id</td><tdclass=CDLDescription>Optional string that defines the Id of the new vertex.</td></tr><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Object to be used as the user object.</td></tr><tr><tdclass=CDLEntry>x</td><tdclass=CDLDescription>Integer that defines the x coordinate of the vertex.</td></tr><tr><tdclass=CDLEntry>y</td><tdclass=CDLDescription>Integer that defines the y coordinate of the vertex.</td></tr><tr><tdclass=CDLEntry>width</td><tdclass=CDLDescription>Integer that defines the width of the vertex.</td></tr><tr><tdclass=CDLEntry>height</td><tdclass=CDLDescription>Integer that defines the height of the vertex.</td></tr><tr><tdclass=CDLEntry>style</td><tdclass=CDLDescription>Optional string that defines the cell style.</td></tr><tr><tdclass=CDLEntry>relative</td><tdclass=CDLDescription>Optional boolean that specifies if the geometry is relative. Default is false.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.createVertex"></a>createVertex</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.createVertex = function(</td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>id,</td></tr><tr><td></td><tdclass=PParameternowrap>value,</td></tr><tr><td></td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y,</td></tr><tr><td></td><tdclass=PParameternowrap>width,</td></tr><tr><td></td><tdclass=PParameternowrap>height,</td></tr><tr><td></td><tdclass=PParameternowrap>style,</td></tr><tr><td></td><tdclass=PParameternowrap>relative</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook method that creates the new vertex for <ahref="#mxGraph.insertVertex"class=LFunctionid=link978onMouseOver="ShowTip(event, 'tt234', 'link978')"onMouseOut="HideTip('tt234')">insertVertex</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.insertEdge"></a>insertEdge</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.insertEdge = function(</td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>id,</td></tr><tr><td></td><tdclass=PParameternowrap>value,</td></tr><tr><td></td><tdclass=PParameternowrap>source,</td></tr><tr><td></td><tdclass=PParameternowrap>target,</td></tr><tr><td></td><tdclass=PParameternowrap>style</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds a new edge into the given parent <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link979onMouseOver="ShowTip(event, 'tt231', 'link979')"onMouseOut="HideTip('tt231')">mxCell</a> using value as the user object and the given source and target as the terminals of the new edge. The id and style are used for the respective properties of the new <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link980onMouseOver="ShowTip(event, 'tt231', 'link980')"onMouseOut="HideTip('tt231')">mxCell</a>, which is returned.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link981onMouseOver="ShowTip(event, 'tt231', 'link981')"onMouseOut="HideTip('tt231')">mxCell</a> that specifies the parent of the new edge.</td></tr><tr><tdclass=CDLEntry>id</td><tdclass=CDLDescription>Optional string that defines the Id of the new edge.</td></tr><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>JavaScript object to be used as the user object.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link982onMouseOver="ShowTip(event, 'tt231', 'link982')"onMouseOut="HideTip('tt231')">mxCell</a> that defines the source of the edge.</td></tr><tr><tdclass=CDLEntry>target</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link983onMouseOver="ShowTip(event, 'tt231', 'link983')"onMouseOut="HideTip('tt231')">mxCell</a> that defines the target of the edge.</td></tr><tr><tdclass=CDLEntry>style</td><tdclass=CDLDescription>Optional string that defines the cell style.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.createEdge"></a>createEdge</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.createEdge = function(</td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>id,</td></tr><tr><td></td><tdclass=PParameternowrap>value,</td></tr><tr><td></td><tdclass=PParameternowrap>source,</td></tr><tr><td></td><tdclass=PParameternowrap>target,</td></tr><tr><td></td><tdclass=PParameternowrap>style</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook method that creates the new edge for <ahref="#mxGraph.insertEdge"class=LFunctionid=link984onMouseOver="ShowTip(event, 'tt237', 'link984')"onMouseOut="HideTip('tt237')">insertEdge</a>. This implementation does not set the source and target of the edge, these are set when the edge is added to the model.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.addEdge"></a>addEdge</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.addEdge = function(</td><tdclass=PParameternowrap>edge,</td></tr><tr><td></td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>source,</td></tr><tr><td></td><tdclass=PParameternowrap>target,</td></tr><tr><td></td><tdclass=PParameternowrap>index</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds the edge to the parent and connects it to the given source and target terminals. This is a shortcut method. Returns the edge that was added.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>edge</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link985onMouseOver="ShowTip(event, 'tt231', 'link985')"onMouseOut="HideTip('tt231')">mxCell</a> to be inserted into the given parent.</td></tr><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link986onMouseOver="ShowTip(event, 'tt231', 'link986')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the new parent. If no parent is given then the default parent is used.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link987onMouseOver="ShowTip(event, 'tt231', 'link987')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the source terminal.</td></tr><tr><tdclass=CDLEntry>target</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link988onMouseOver="ShowTip(event, 'tt231', 'link988')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the target terminal.</td></tr><tr><tdclass=CDLEntry>index</td><tdclass=CDLDescription>Optional index to insert the cells at. Default is to append.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.addCell"></a>addCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.addCell = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>index,</td></tr><tr><td></td><tdclass=PParameternowrap>source,</td></tr><tr><td></td><tdclass=PParameternowrap>target</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds the cell to the parent and connects it to the given source and target terminals. This is a shortcut method. Returns the cell that was added.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link989onMouseOver="ShowTip(event, 'tt231', 'link989')"onMouseOut="HideTip('tt231')">mxCell</a> to be inserted into the given parent.</td></tr><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link990onMouseOver="ShowTip(event, 'tt231', 'link990')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the new parent. If no parent is given then the default parent is used.</td></tr><tr><tdclass=CDLEntry>index</td><tdclass=CDLDescription>Optional index to insert the cells at. Default is to append.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link991onMouseOver="ShowTip(event, 'tt231', 'link991')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the source terminal.</td></tr><tr><tdclass=CDLEntry>target</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link992onMouseOver="ShowTip(event, 'tt231', 'link992')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the target terminal.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.addCells"></a>addCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.addCells = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>index,</td></tr><tr><td></td><tdclass=PParameternowrap>source,</td></tr><tr><td></td><tdclass=PParameternowrap>target</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds the cells to the parent at the given index, connecting each cell to the optional source and target terminal. The change is carried out using <ahref="#mxGraph.cellsAdded"class=LFunctionid=link993onMouseOver="ShowTip(event, 'tt10', 'link993')"onMouseOut="HideTip('tt10')">cellsAdded</a>. This method fires <ahref="#mxGraph.mxEvent.ADD_CELLS"class=LEventid=link994onMouseOver="ShowTip(event, 'tt508', 'link994')"onMouseOut="HideTip('tt508')">mxEvent.ADD_CELLS</a> while the transaction is in progress. Returns the cells that were added.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link995onMouseOver="ShowTip(event, 'tt231', 'link995')"onMouseOut="HideTip('tt231')">mxCells</a> to be inserted.</td></tr><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link996onMouseOver="ShowTip(event, 'tt231', 'link996')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the new parent. If no parent is given then the default parent is used.</td></tr><tr><tdclass=CDLEntry>index</td><tdclass=CDLDescription>Optional index to insert the cells at. Default is to append.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription>Optional source <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link997onMouseOver="ShowTip(event, 'tt231', 'link997')"onMouseOut="HideTip('tt231')">mxCell</a> for all inserted cells.</td></tr><tr><tdclass=CDLEntry>target</td><tdclass=CDLDescription>Optional target <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link998onMouseOver="ShowTip(event, 'tt231', 'link998')"onMouseOut="HideTip('tt231')">mxCell</a> for all inserted cells.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsAdded"></a>cellsAdded</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.cellsAdded = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>index,</td></tr><tr><td></td><tdclass=PParameternowrap>source,</td></tr><tr><td></td><tdclass=PParameternowrap>target,</td></tr><tr><td></td><tdclass=PParameternowrap>absolute,</td></tr><tr><td></td><tdclass=PParameternowrap>constrain</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds the specified cells to the given parent. This method fires <ahref="#mxGraph.mxEvent.CELLS_ADDED"class=LEventid=link999onMouseOver="ShowTip(event, 'tt509', 'link999')"onMouseOut="HideTip('tt509')">mxEvent.CELLS_ADDED</a> while the transaction is in progress.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.autoSizeCell"></a>autoSizeCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.autoSizeCell = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>recurse</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes the given cells from the graph including all connected edges if includeEdges is true. The change is carried out using <ahref="#mxGraph.cellsRemoved"class=LFunctionid=link1000onMouseOver="ShowTip(event, 'tt12', 'link1000')"onMouseOut="HideTip('tt12')">cellsRemoved</a>. This method fires <ahref="#mxGraph.mxEvent.REMOVE_CELLS"class=LEventid=link1001onMouseOver="ShowTip(event, 'tt510', 'link1001')"onMouseOut="HideTip('tt510')">mxEvent.REMOVE_CELLS</a> while the transaction is in progress. The removed cells are returned as an array.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1002onMouseOver="ShowTip(event, 'tt231', 'link1002')"onMouseOut="HideTip('tt231')">mxCells</a> to be resized.</td></tr><tr><tdclass=CDLEntry>recurse</td><tdclass=CDLDescription>Optional boolean which specifies if all descendants should be autosized. Default is true.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.removeCells"></a>removeCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.removeCells = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>includeEdges</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes the given cells from the graph including all connected edges if includeEdges is true. The change is carried out using <ahref="#mxGraph.cellsRemoved"class=LFunctionid=link1003onMouseOver="ShowTip(event, 'tt12', 'link1003')"onMouseOut="HideTip('tt12')">cellsRemoved</a>. This method fires <ahref="#mxGraph.mxEvent.REMOVE_CELLS"class=LEventid=link1004onMouseOver="ShowTip(event, 'tt510', 'link1004')"onMouseOut="HideTip('tt510')">mxEvent.REMOVE_CELLS</a> while the transaction is in progress. The removed cells are returned as an array.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1005onMouseOver="ShowTip(event, 'tt231', 'link1005')"onMouseOut="HideTip('tt231')">mxCells</a> to remove. If null is specified then the selection cells which are deletable are used.</td></tr><tr><tdclass=CDLEntry>includeEdges</td><tdclass=CDLDescription>Optional boolean which specifies if all connected edges should be removed as well. Default is true.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsRemoved"></a>cellsRemoved</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.cellsRemoved = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes the given cells from the model. This method fires <ahref="#mxGraph.mxEvent.CELLS_REMOVED"class=LEventid=link1006onMouseOver="ShowTip(event, 'tt511', 'link1006')"onMouseOut="HideTip('tt511')">mxEvent.CELLS_REMOVED</a> while the transaction is in progress.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1007onMouseOver="ShowTip(event, 'tt231', 'link1007')"onMouseOut="HideTip('tt231')">mxCells</a> to remove.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.splitEdge"></a>splitEdge</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.splitEdge = function(</td><tdclass=PParameternowrap>edge,</td></tr><tr><td></td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>newEdge,</td></tr><tr><td></td><tdclass=PParameternowrap>dx,</td></tr><tr><td></td><tdclass=PParameternowrap>dy</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Splits the given edge by adding the newEdge between the previous source and the given cell and reconnecting the source of the given edge to the given cell. This method fires <ahref="#mxGraph.mxEvent.SPLIT_EDGE"class=LEventid=link1008onMouseOver="ShowTip(event, 'tt512', 'link1008')"onMouseOut="HideTip('tt512')">mxEvent.SPLIT_EDGE</a> while the transaction is in progress. Returns the new edge that was inserted.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>edge</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1009onMouseOver="ShowTip(event, 'tt231', 'link1009')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the edge to be splitted.</td></tr><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1010onMouseOver="ShowTip(event, 'tt231', 'link1010')"onMouseOut="HideTip('tt231')">mxCells</a> that represents the cells to insert into the edge.</td></tr><tr><tdclass=CDLEntry>newEdge</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1011onMouseOver="ShowTip(event, 'tt231', 'link1011')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the edge to be inserted.</td></tr><tr><tdclass=CDLEntry>dx</td><tdclass=CDLDescription>Optional integer that specifies the vector to move the cells.</td></tr><tr><tdclass=CDLEntry>dy</td><tdclass=CDLDescription>Optional integer that specifies the vector to move the cells.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.toggleCells"></a>toggleCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.toggleCells = function(</td><tdclass=PParameternowrap>show,</td></tr><tr><td></td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>includeEdges</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the visible state of the specified cells and all connected edges if includeEdges is true. The change is carried out using <ahref="#mxGraph.cellsToggled"class=LFunctionid=link1012onMouseOver="ShowTip(event, 'tt242', 'link1012')"onMouseOut="HideTip('tt242')">cellsToggled</a>. This method fires <ahref="#mxGraph.mxEvent.TOGGLE_CELLS"class=LEventid=link1013onMouseOver="ShowTip(event, 'tt513', 'link1013')"onMouseOut="HideTip('tt513')">mxEvent.TOGGLE_CELLS</a> while the transaction is in progress. Returns the cells whose visible state was changed.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>show</td><tdclass=CDLDescription>Boolean that specifies the visible state to be assigned.</td></tr><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1014onMouseOver="ShowTip(event, 'tt231', 'link1014')"onMouseOut="HideTip('tt231')">mxCells</a> whose visible state should be changed. If null is specified then the selection cells are used.</td></tr><tr><tdclass=CDLEntry>includeEdges</td><tdclass=CDLDescription>Optional boolean indicating if the visible state of all connected edges should be changed as well. Default is true.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsToggled"></a>cellsToggled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.cellsToggled = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>show</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the visible state of the specified cells.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1015onMouseOver="ShowTip(event, 'tt231', 'link1015')"onMouseOut="HideTip('tt231')">mxCells</a> whose visible state should be changed.</td></tr><tr><tdclass=CDLEntry>show</td><tdclass=CDLDescription>Boolean that specifies the visible state to be assigned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.foldCells"></a>foldCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.foldCells = function(</td><tdclass=PParameternowrap>collapse,</td></tr><tr><td></td><tdclass=PParameternowrap>recurse,</td></tr><tr><td></td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>checkFoldable</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the collapsed state of the specified cells and all descendants if recurse is true. The change is carried out using <ahref="#mxGraph.cellsFolded"class=LFunctionid=link1016onMouseOver="ShowTip(event, 'tt243', 'link1016')"onMouseOut="HideTip('tt243')">cellsFolded</a>. This method fires <ahref="#mxGraph.mxEvent.FOLD_CELLS"class=LEventid=link1017onMouseOver="ShowTip(event, 'tt514', 'link1017')"onMouseOut="HideTip('tt514')">mxEvent.FOLD_CELLS</a> while the transaction is in progress. Returns the cells whose collapsed state was changed.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>collapsed</td><tdclass=CDLDescription>Boolean indicating the collapsed state to be assigned.</td></tr><tr><tdclass=CDLEntry>recurse</td><tdclass=CDLDescription>Optional boolean indicating if the collapsed state of all descendants should be set. Default is false.</td></tr><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1018onMouseOver="ShowTip(event, 'tt231', 'link1018')"onMouseOut="HideTip('tt231')">mxCells</a> whose collapsed state should be set. If null is specified then the foldable selection cells are used.</td></tr><tr><tdclass=CDLEntry>checkFoldable</td><tdclass=CDLDescription>Optional boolean indicating of isCellFoldable should be checked. Default is false.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsFolded"></a>cellsFolded</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.cellsFolded = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>collapse,</td></tr><tr><td></td><tdclass=PParameternowrap>recurse,</td></tr><tr><td></td><tdclass=PParameternowrap>checkFoldable</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the collapsed state of the specified cells. This method fires <ahref="#mxGraph.mxEvent.CELLS_FOLDED"class=LEventid=link1019onMouseOver="ShowTip(event, 'tt515', 'link1019')"onMouseOut="HideTip('tt515')">mxEvent.CELLS_FOLDED</a> while the transaction is in progress. Returns the cells whose collapsed state was changed.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1020onMouseOver="ShowTip(event, 'tt231', 'link1020')"onMouseOut="HideTip('tt231')">mxCells</a> whose collapsed state should be set.</td></tr><tr><tdclass=CDLEntry>collapsed</td><tdclass=CDLDescription>Boolean indicating the collapsed state to be assigned.</td></tr><tr><tdclass=CDLEntry>recurse</td><tdclass=CDLDescription>Boolean indicating if the collapsed state of all descendants should be set.</td></tr><tr><tdclass=CDLEntry>checkFoldable</td><tdclass=CDLDescription>Optional boolean indicating of isCellFoldable should be checked. Default is false.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.swapBounds"></a>swapBounds</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.swapBounds = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>willCollapse</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Swaps the alternate and the actual bounds in the geometry of the given cell invoking <ahref="#mxGraph.updateAlternateBounds"class=LFunctionid=link1021onMouseOver="ShowTip(event, 'tt245', 'link1021')"onMouseOut="HideTip('tt245')">updateAlternateBounds</a> before carrying out the swap.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1022onMouseOver="ShowTip(event, 'tt231', 'link1022')"onMouseOut="HideTip('tt231')">mxCell</a> for which the bounds should be swapped.</td></tr><tr><tdclass=CDLEntry>willCollapse</td><tdclass=CDLDescription>Boolean indicating if the cell is going to be collapsed.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.updateAlternateBounds"></a>updateAlternateBounds</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.updateAlternateBounds = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>geo,</td></tr><tr><td></td><tdclass=PParameternowrap>willCollapse</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates or sets the alternate bounds in the given geometry for the given cell depending on whether the cell is going to be collapsed. If no alternate bounds are defined in the geometry and <ahref="#mxGraph.collapseToPreferredSize"class=LVariableid=link1023onMouseOver="ShowTip(event, 'tt146', 'link1023')"onMouseOut="HideTip('tt146')">collapseToPreferredSize</a> is true, then the preferred size is used for the alternate bounds. The top, left corner is always kept at the same location.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1024onMouseOver="ShowTip(event, 'tt231', 'link1024')"onMouseOut="HideTip('tt231')">mxCell</a> for which the geometry is being udpated.</td></tr><tr><tdclass=CDLEntry>g</td><tdclass=CDLDescription><ahref="../model/mxGeometry-js.html#mxGeometry"class=LClassid=link1025onMouseOver="ShowTip(event, 'tt235', 'link1025')"onMouseOut="HideTip('tt235')">mxGeometry</a> for which the alternate bounds should be updated.</td></tr><tr><tdclass=CDLEntry>willCollapse</td><tdclass=CDLDescription>Boolean indicating if the cell is going to be collapsed.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.addAllEdges"></a>addAllEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.addAllEdges = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns an array with the given cells and all edges that are connected to a cell or one of its descendants.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getAllEdges"></a>getAllEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getAllEdges = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns all edges connected to the given cells or its descendants.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.updateCellSize"></a>updateCellSize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.updateCellSize = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>ignoreChildren</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the size of the given cell in the model using <ahref="#mxGraph.cellSizeUpdated"class=LFunctionid=link1026onMouseOver="ShowTip(event, 'tt248', 'link1026')"onMouseOut="HideTip('tt248')">cellSizeUpdated</a>. This method fires <ahref="#mxGraph.mxEvent.UPDATE_CELL_SIZE"class=LEventid=link1027onMouseOver="ShowTip(event, 'tt516', 'link1027')"onMouseOut="HideTip('tt516')">mxEvent.UPDATE_CELL_SIZE</a> while the transaction is in progress. Returns the cell whose size was updated.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1028onMouseOver="ShowTip(event, 'tt231', 'link1028')"onMouseOut="HideTip('tt231')">mxCell</a> whose size should be updated.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellSizeUpdated"></a>cellSizeUpdated</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.cellSizeUpdated = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>ignoreChildren</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the size of the given cell in the model using <ahref="#mxGraph.getPreferredSizeForCell"class=LFunctionid=link1029onMouseOver="ShowTip(event, 'tt249', 'link1029')"onMouseOut="HideTip('tt249')">getPreferredSizeForCell</a> to get the new size.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1030onMouseOver="ShowTip(event, 'tt231', 'link1030')"onMouseOut="HideTip('tt231')">mxCell</a> for which the size should be changed.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getPreferredSizeForCell"></a>getPreferredSizeForCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getPreferredSizeForCell = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the preferred width and height of the given <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1031onMouseOver="ShowTip(event, 'tt231', 'link1031')"onMouseOut="HideTip('tt231')">mxCell</a> as an <ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link1032onMouseOver="ShowTip(event, 'tt132', 'link1032')"onMouseOut="HideTip('tt132')">mxRectangle</a>. To implement a minimum width, add a new style eg. minWidth in the vertex and override this method as follows.</p><blockquote><preclass="prettyprint">var graphGetPreferredSizeForCell = graph.getPreferredSizeForCell;
};</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1033onMouseOver="ShowTip(event, 'tt231', 'link1033')"onMouseOut="HideTip('tt231')">mxCell</a> for which the preferred size should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.resizeCell"></a>resizeCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.resizeCell = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>bounds,</td></tr><tr><td></td><tdclass=PParameternowrap>recurse</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the bounds of the given cell using <ahref="#mxGraph.resizeCells"class=LFunctionid=link1034onMouseOver="ShowTip(event, 'tt17', 'link1034')"onMouseOut="HideTip('tt17')">resizeCells</a>. Returns the cell which was passed to the function.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1035onMouseOver="ShowTip(event, 'tt231', 'link1035')"onMouseOut="HideTip('tt231')">mxCell</a> whose bounds should be changed.</td></tr><tr><tdclass=CDLEntry>bounds</td><tdclass=CDLDescription><ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link1036onMouseOver="ShowTip(event, 'tt132', 'link1036')"onMouseOut="HideTip('tt132')">mxRectangle</a> that represents the new bounds.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.resizeCells"></a>resizeCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.resizeCells = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>bounds,</td></tr><tr><td></td><tdclass=PParameternowrap>recurse</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the bounds of the given cells and fires a <ahref="#mxGraph.mxEvent.RESIZE_CELLS"class=LEventid=link1037onMouseOver="ShowTip(event, 'tt251', 'link1037')"onMouseOut="HideTip('tt251')">mxEvent.RESIZE_CELLS</a> event while the transaction is in progress. Returns the cells which have been passed to the function.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1038onMouseOver="ShowTip(event, 'tt231', 'link1038')"onMouseOut="HideTip('tt231')">mxCells</a> whose bounds should be changed.</td></tr><tr><tdclass=CDLEntry>bounds</td><tdclass=CDLDescription>Array of <ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link1039onMouseOver="ShowTip(event, 'tt132', 'link1039')"onMouseOut="HideTip('tt132')">mxRectangles</a> that represent the new bounds.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsResized"></a>cellsResized</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.cellsResized = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>bounds,</td></tr><tr><td></td><tdclass=PParameternowrap>recurse</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the bounds of the given cells and fires a <ahref="#mxGraph.mxEvent.CELLS_RESIZED"class=LEventid=link1040onMouseOver="ShowTip(event, 'tt252', 'link1040')"onMouseOut="HideTip('tt252')">mxEvent.CELLS_RESIZED</a> event. If <ahref="#mxGraph.extendParents"class=LVariableid=link1041onMouseOver="ShowTip(event, 'tt142', 'link1041')"onMouseOut="HideTip('tt142')">extendParents</a> is true, then the parent is extended if a child size is changed so that it overlaps with the parent.</p><p>The following example shows how to control group resizes to make sure that all child cells stay within the group.</p><blockquote><preclass="prettyprint">graph.addListener(mxEvent.CELLS_RESIZED, function(sender, evt)
});</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1042onMouseOver="ShowTip(event, 'tt231', 'link1042')"onMouseOut="HideTip('tt231')">mxCells</a> whose bounds should be changed.</td></tr><tr><tdclass=CDLEntry>bounds</td><tdclass=CDLDescription>Array of <ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link1043onMouseOver="ShowTip(event, 'tt132', 'link1043')"onMouseOut="HideTip('tt132')">mxRectangles</a> that represent the new bounds.</td></tr><tr><tdclass=CDLEntry>recurse</td><tdclass=CDLDescription>Optional boolean that specifies if the children should be resized.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellResized"></a>cellResized</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.cellResized = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>bounds,</td></tr><tr><td></td><tdclass=PParameternowrap>ignoreRelative,</td></tr><tr><td></td><tdclass=PParameternowrap>recurse</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Resizes the parents recursively so that they contain the complete area of the resized child cell.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1044onMouseOver="ShowTip(event, 'tt231', 'link1044')"onMouseOut="HideTip('tt231')">mxCell</a> whose bounds should be changed.</td></tr><tr><tdclass=CDLEntry>bounds</td><tdclass=CDLDescription><ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link1045onMouseOver="ShowTip(event, 'tt132', 'link1045')"onMouseOut="HideTip('tt132')">mxRectangles</a> that represent the new bounds.</td></tr><tr><tdclass=CDLEntry>ignoreRelative</td><tdclass=CDLDescription>Boolean that indicates if relative cells should be ignored.</td></tr><tr><tdclass=CDLEntry>recurse</td><tdclass=CDLDescription>Optional boolean that specifies if the children should be resized.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.resizeChildCells"></a>resizeChildCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.resizeChildCells = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>newGeo</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Resizes the child cells of the given cell for the given new geometry with respect to the current geometry of the cell.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1046onMouseOver="ShowTip(event, 'tt231', 'link1046')"onMouseOut="HideTip('tt231')">mxCell</a> that has been resized.</td></tr><tr><tdclass=CDLEntry>newGeo</td><tdclass=CDLDescription><ahref="../model/mxGeometry-js.html#mxGeometry"class=LClassid=link1047onMouseOver="ShowTip(event, 'tt235', 'link1047')"onMouseOut="HideTip('tt235')">mxGeometry</a> that represents the new bounds.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.constrainChildCells"></a>constrainChildCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.constrainChildCells = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Constrains the children of the given cell using <ahref="#mxGraph.constrainChild"class=LFunctionid=link1048onMouseOver="ShowTip(event, 'tt256', 'link1048')"onMouseOut="HideTip('tt256')">constrainChild</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1049onMouseOver="ShowTip(event, 'tt231', 'link1049')"onMouseOut="HideTip('tt231')">mxCell</a> that has been resized.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.scaleCell"></a>scaleCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.scaleCell = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>dx,</td></tr><tr><td></td><tdclass=PParameternowrap>dy,</td></tr><tr><td></td><tdclass=PParameternowrap>recurse</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Scales the points, position and size of the given cell according to the given vertical and horizontal scaling factors.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1050onMouseOver="ShowTip(event, 'tt231', 'link1050')"onMouseOut="HideTip('tt231')">mxCell</a> whose geometry should be scaled.</td></tr><tr><tdclass=CDLEntry>dx</td><tdclass=CDLDescription>Horizontal scaling factor.</td></tr><tr><tdclass=CDLEntry>dy</td><tdclass=CDLDescription>Vertical scaling factor.</td></tr><tr><tdclass=CDLEntry>recurse</td><tdclass=CDLDescription>Boolean indicating if the child cells should be scaled.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.extendParent"></a>extendParent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.extendParent = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Resizes the parents recursively so that they contain the complete area of the resized child cell.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1051onMouseOver="ShowTip(event, 'tt231', 'link1051')"onMouseOut="HideTip('tt231')">mxCell</a> that has been resized.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.importCells"></a>importCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.importCells = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>dx,</td></tr><tr><td></td><tdclass=PParameternowrap>dy,</td></tr><tr><td></td><tdclass=PParameternowrap>target,</td></tr><tr><td></td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Clones and inserts the given cells into the graph using the move method and returns the inserted cells. This shortcut is used if cells are inserted via datatransfer.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.moveCells"></a>moveCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.moveCells = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>dx,</td></tr><tr><td></td><tdclass=PParameternowrap>dy,</td></tr><tr><td></td><tdclass=PParameternowrap>clone,</td></tr><tr><td></td><tdclass=PParameternowrap>target,</td></tr><tr><td></td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Moves or clones the specified cells and moves the cells or clones by the given amount, adding them to the optional target cell. The evt is the mouse event as the mouse was released. The change is carried out using <ahref="#mxGraph.cellsMoved"class=LFunctionid=link1052onMouseOver="ShowTip(event, 'tt20', 'link1052')"onMouseOut="HideTip('tt20')">cellsMoved</a>. This method fires <ahref="#mxGraph.mxEvent.MOVE_CELLS"class=LEventid=link1053onMouseOver="ShowTip(event, 'tt517', 'link1053')"onMouseOut="HideTip('tt517')">mxEvent.MOVE_CELLS</a> while the transaction is in progress. Returns the cells that were moved.</p><p>Use the following code to move all cells in the graph.</p><blockquote><preclass="prettyprint">graph.moveCells(graph.getChildCells(null, true, true), 10, 10);</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1054onMouseOver="ShowTip(event, 'tt231', 'link1054')"onMouseOut="HideTip('tt231')">mxCells</a> to be moved, cloned or added to the target.</td></tr><tr><tdclass=CDLEntry>dx</td><tdclass=CDLDescription>Integer that specifies the x-coordinate of the vector. Default is 0.</td></tr><tr><tdclass=CDLEntry>dy</td><tdclass=CDLDescription>Integer that specifies the y-coordinate of the vector. Default is 0.</td></tr><tr><tdclass=CDLEntry>clone</td><tdclass=CDLDescription>Boolean indicating if the cells should be cloned. Default is false.</td></tr><tr><tdclass=CDLEntry>target</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1055onMouseOver="ShowTip(event, 'tt231', 'link1055')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the new parent of the cells.</td></tr><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Mouseevent that triggered the invocation.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellsMoved"></a>cellsMoved</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.cellsMoved = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>dx,</td></tr><tr><td></td><tdclass=PParameternowrap>dy,</td></tr><tr><td></td><tdclass=PParameternowrap>disconnect,</td></tr><tr><td></td><tdclass=PParameternowrap>constrain,</td></tr><tr><td></td><tdclass=PParameternowrap>extend</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Moves the specified cells by the given vector, disconnecting the cells using disconnectGraph is disconnect is true. This method fires <ahref="#mxGraph.mxEvent.CELLS_MOVED"class=LEventid=link1056onMouseOver="ShowTip(event, 'tt518', 'link1056')"onMouseOut="HideTip('tt518')">mxEvent.CELLS_MOVED</a> while the transaction is in progress.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.translateCell"></a>translateCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.translateCell = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>dx,</td></tr><tr><td></td><tdclass=PParameternowrap>dy</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Translates the geometry of the given cell and stores the new, translated geometry in the model as an atomic change.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getCellContainmentArea"></a>getCellContainmentArea</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getCellContainmentArea = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the <ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link1057onMouseOver="ShowTip(event, 'tt132', 'link1057')"onMouseOut="HideTip('tt132')">mxRectangle</a> inside which a cell is to be kept.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1058onMouseOver="ShowTip(event, 'tt231', 'link1058')"onMouseOut="HideTip('tt231')">mxCell</a> for which the area should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getMaximumGraphBounds"></a>getMaximumGraphBounds</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.getMaximumGraphBounds = function()</td></tr></table></blockquote><p>Returns the bounds inside which the diagram should be kept as an <ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link1059onMouseOver="ShowTip(event, 'tt132', 'link1059')"onMouseOut="HideTip('tt132')">mxRectangle</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.constrainChild"></a>constrainChild</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.constrainChild = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Keeps the given cell inside the bounds returned by <ahref="#mxGraph.getCellContainmentArea"class=LFunctionid=link1060onMouseOver="ShowTip(event, 'tt261', 'link1060')"onMouseOut="HideTip('tt261')">getCellContainmentArea</a> for its parent, according to the rules defined by <ahref="#mxGraph.getOverlap"class=LFunctionid=link1061onMouseOver="ShowTip(event, 'tt71', 'link1061')"onMouseOut="HideTip('tt71')">getOverlap</a> and <ahref="#mxGraph.isConstrainChild"class=LFunctionid=link1062onMouseOver="ShowTip(event, 'tt263', 'link1062')"onMouseOut="HideTip('tt263')">isConstrainChild</a>. This modifies the cell’s geometry in-place and does not clone it.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1063onMouseOver="ShowTip(event, 'tt231', 'link1063')"onMouseOut="HideTip('tt231')">mxCell</a> which should be constrained.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.resetEdges"></a>resetEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.resetEdges = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Resets the control points of the edges that are connected to the given cells if not both ends of the edge are in the given cells array.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1064onMouseOver="ShowTip(event, 'tt231', 'link1064')"onMouseOut="HideTip('tt231')">mxCells</a> for which the connected edges should be reset.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.resetEdge"></a>resetEdge</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.resetEdge = function(</td><tdclass=PParameternowrap>edge</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Resets the control points of the given edge.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>edge</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1065onMouseOver="ShowTip(event, 'tt231', 'link1065')"onMouseOut="HideTip('tt231')">mxCell</a> whose points should be reset.</td></tr></table></div></div></div>
<divclass="CGroup"><divclass=CTopic><h3class=CTitle><aname="mxGraph.Cell_connecting_and_connection_constraints"></a>Cell connecting and connection constraints</h3></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getAllConnectionConstraints"></a>getAllConnectionConstraints</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getAllConnectionConstraints = function(</td><tdclass=PParameternowrap>terminal,</td></tr><tr><td></td><tdclass=PParameternowrap>source</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns an array of all <ahref="mxConnectionConstraint-js.html#mxConnectionConstraint"class=LClassid=link1066onMouseOver="ShowTip(event, 'tt267', 'link1066')"onMouseOut="HideTip('tt267')">mxConnectionConstraints</a> for the given terminal. If the shape of the given terminal is a <mxStencilShape> then the constraints of the corresponding <ahref="../shape/mxStencil-js.html#mxStencil"class=LClassid=link1067onMouseOver="ShowTip(event, 'tt519', 'link1067')"onMouseOut="HideTip('tt519')">mxStencil</a> are returned.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>terminal</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1068onMouseOver="ShowTip(event, 'tt43', 'link1068')"onMouseOut="HideTip('tt43')">mxCellState</a> that represents the terminal.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription>Boolean that specifies if the terminal is the source or target.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getConnectionConstraint"></a>getConnectionConstraint</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getConnectionConstraint = function(</td><tdclass=PParameternowrap>edge,</td></tr><tr><td></td><tdclass=PParameternowrap>terminal,</td></tr><tr><td></td><tdclass=PParameternowrap>source</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns an <ahref="mxConnectionConstraint-js.html#mxConnectionConstraint"class=LClassid=link1069onMouseOver="ShowTip(event, 'tt267', 'link1069')"onMouseOut="HideTip('tt267')">mxConnectionConstraint</a> that describes the given connection point. This result can then be passed to <ahref="#mxGraph.getConnectionPoint"class=LFunctionid=link1070onMouseOver="ShowTip(event, 'tt270', 'link1070')"onMouseOut="HideTip('tt270')">getConnectionPoint</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>edge</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1071onMouseOver="ShowTip(event, 'tt43', 'link1071')"onMouseOut="HideTip('tt43')">mxCellState</a> that represents the edge.</td></tr><tr><tdclass=CDLEntry>terminal</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1072onMouseOver="ShowTip(event, 'tt43', 'link1072')"onMouseOut="HideTip('tt43')">mxCellState</a> that represents the terminal.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription>Boolean indicating if the terminal is the source or target.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setConnectionConstraint"></a>setConnectionConstraint</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setConnectionConstraint = function(</td><tdclass=PParameternowrap>edge,</td></tr><tr><td></td><tdclass=PParameternowrap>terminal,</td></tr><tr><td></td><tdclass=PParameternowrap>source,</td></tr><tr><td></td><tdclass=PParameternowrap>constraint</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the <ahref="mxConnectionConstraint-js.html#mxConnectionConstraint"class=LClassid=link1073onMouseOver="ShowTip(event, 'tt267', 'link1073')"onMouseOut="HideTip('tt267')">mxConnectionConstraint</a> that describes the given connection point. If no constraint is given then nothing is changed. To remove an existing constraint from the given edge, use an empty constraint instead.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>edge</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1074onMouseOver="ShowTip(event, 'tt231', 'link1074')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the edge.</td></tr><tr><tdclass=CDLEntry>terminal</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1075onMouseOver="ShowTip(event, 'tt231', 'link1075')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the terminal.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription>Boolean indicating if the terminal is the source or target.</td></tr><tr><tdclass=CDLEntry>constraint</td><tdclass=CDLDescription>Optional <ahref="mxConnectionConstraint-js.html#mxConnectionConstraint"class=LClassid=link1076onMouseOver="ShowTip(event, 'tt267', 'link1076')"onMouseOut="HideTip('tt267')">mxConnectionConstraint</a> to be used for this connection.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getConnectionPoint"></a>getConnectionPoint</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getConnectionPoint = function(</td><tdclass=PParameternowrap>vertex,</td></tr><tr><td></td><tdclass=PParameternowrap>constraint</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the nearest point in the list of absolute points or the center of the opposite terminal.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>vertex</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1077onMouseOver="ShowTip(event, 'tt43', 'link1077')"onMouseOut="HideTip('tt43')">mxCellState</a> that represents the vertex.</td></tr><tr><tdclass=CDLEntry>constraint</td><tdclass=CDLDescription><ahref="mxConnectionConstraint-js.html#mxConnectionConstraint"class=LClassid=link1078onMouseOver="ShowTip(event, 'tt267', 'link1078')"onMouseOut="HideTip('tt267')">mxConnectionConstraint</a> that represents the connection point constraint as returned by <ahref="#mxGraph.getConnectionConstraint"class=LFunctionid=link1079onMouseOver="ShowTip(event, 'tt268', 'link1079')"onMouseOut="HideTip('tt268')">getConnectionConstraint</a>.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.connectCell"></a>connectCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.connectCell = function(</td><tdclass=PParameternowrap>edge,</td></tr><tr><td></td><tdclass=PParameternowrap>terminal,</td></tr><tr><td></td><tdclass=PParameternowrap>source,</td></tr><tr><td></td><tdclass=PParameternowrap>constraint</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Connects the specified end of the given edge to the given terminal using <ahref="#mxGraph.cellConnected"class=LFunctionid=link1080onMouseOver="ShowTip(event, 'tt22', 'link1080')"onMouseOut="HideTip('tt22')">cellConnected</a> and fires <ahref="#mxGraph.mxEvent.CONNECT_CELL"class=LEventid=link1081onMouseOver="ShowTip(event, 'tt271', 'link1081')"onMouseOut="HideTip('tt271')">mxEvent.CONNECT_CELL</a> while the transaction is in progress. Returns the updated edge.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>edge</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1082onMouseOver="ShowTip(event, 'tt231', 'link1082')"onMouseOut="HideTip('tt231')">mxCell</a> whose terminal should be updated.</td></tr><tr><tdclass=CDLEntry>terminal</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1083onMouseOver="ShowTip(event, 'tt231', 'link1083')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the new terminal to be used.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription>Boolean indicating if the new terminal is the source or target.</td></tr><tr><tdclass=CDLEntry>constraint</td><tdclass=CDLDescription>Optional <ahref="mxConnectionConstraint-js.html#mxConnectionConstraint"class=LClassid=link1084onMouseOver="ShowTip(event, 'tt267', 'link1084')"onMouseOut="HideTip('tt267')">mxConnectionConstraint</a> to be used for this connection.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.cellConnected"></a>cellConnected</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.cellConnected = function(</td><tdclass=PParameternowrap>edge,</td></tr><tr><td></td><tdclass=PParameternowrap>terminal,</td></tr><tr><td></td><tdclass=PParameternowrap>source,</td></tr><tr><td></td><tdclass=PParameternowrap>constraint</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the new terminal for the given edge and resets the edge points if <ahref="#mxGraph.resetEdgesOnConnect"class=LVariableid=link1085onMouseOver="ShowTip(event, 'tt155', 'link1085')"onMouseOut="HideTip('tt155')">resetEdgesOnConnect</a> is true. This method fires <ahref="#mxGraph.mxEvent.CELL_CONNECTED"class=LEventid=link1086onMouseOver="ShowTip(event, 'tt520', 'link1086')"onMouseOut="HideTip('tt520')">mxEvent.CELL_CONNECTED</a> while the transaction is in progress.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>edge</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1087onMouseOver="ShowTip(event, 'tt231', 'link1087')"onMouseOut="HideTip('tt231')">mxCell</a> whose terminal should be updated.</td></tr><tr><tdclass=CDLEntry>terminal</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1088onMouseOver="ShowTip(event, 'tt231', 'link1088')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the new terminal to be used.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription>Boolean indicating if the new terminal is the source or target.</td></tr><tr><tdclass=CDLEntry>constraint</td><tdclass=CDLDescription><ahref="mxConnectionConstraint-js.html#mxConnectionConstraint"class=LClassid=link1089onMouseOver="ShowTip(event, 'tt267', 'link1089')"onMouseOut="HideTip('tt267')">mxConnectionConstraint</a> to be used for this connection.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.disconnectGraph"></a>disconnectGraph</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.disconnectGraph = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Disconnects the given edges from the terminals which are not in the given array.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1090onMouseOver="ShowTip(event, 'tt231', 'link1090')"onMouseOut="HideTip('tt231')">mxCells</a> to be disconnected.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getCurrentRoot"></a>getCurrentRoot</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.getCurrentRoot = function()</td></tr></table></blockquote><p>Returns the current root of the displayed cell hierarchy. This is a shortcut to <ahref="mxGraphView-js.html#mxGraphView.currentRoot"class=LVariableid=link1091onMouseOver="ShowTip(event, 'tt422', 'link1091')"onMouseOut="HideTip('tt422')">mxGraphView.currentRoot</a> in <ahref="#mxGraph.view"class=LVariableid=link1092onMouseOver="ShowTip(event, 'tt41', 'link1092')"onMouseOut="HideTip('tt41')">view</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getTranslateForRoot"></a>getTranslateForRoot</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getTranslateForRoot = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the translation to be used if the given cell is the root cell as an <ahref="../util/mxPoint-js.html#mxPoint"class=LClassid=link1093onMouseOver="ShowTip(event, 'tt275', 'link1093')"onMouseOut="HideTip('tt275')">mxPoint</a>. This implementation returns null.</p><h4class=CHeading>Example</h4><p>To keep the children at their absolute position while stepping into groups, this function can be overridden as follows.</p><blockquote><preclass="prettyprint">var offset = new mxPoint(0, 0);
return offset;</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1094onMouseOver="ShowTip(event, 'tt231', 'link1094')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the root.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isPort"></a>isPort</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isPort = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is a “port”, that is, when connecting to it, the cell returned by getTerminalForPort should be used as the terminal and the port should be referenced by the ID in either the mxConstants.STYLE_SOURCE_PORT or the or the mxConstants.STYLE_TARGET_PORT. Note that a port should not be movable. This implementation always returns false.</p><h4class=CHeading>A typical implementation is the following</h4><blockquote><preclass="prettyprint">graph.isPort = function(cell)
};</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1095onMouseOver="ShowTip(event, 'tt231', 'link1095')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the port.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getTerminalForPort"></a>getTerminalForPort</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getTerminalForPort = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>source</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the terminal to be used for a given port. This implementation always returns the parent cell.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1096onMouseOver="ShowTip(event, 'tt231', 'link1096')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the port.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription>If the cell is the source or target port.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getChildOffsetForCell"></a>getChildOffsetForCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getChildOffsetForCell = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the offset to be used for the cells inside the given cell. The root and layer cells may be identified using <ahref="../model/mxGraphModel-js.html#mxGraphModel.isRoot"class=LFunctionid=link1097onMouseOver="ShowTip(event, 'tt521', 'link1097')"onMouseOut="HideTip('tt521')">mxGraphModel.isRoot</a> and <ahref="../model/mxGraphModel-js.html#mxGraphModel.isLayer"class=LFunctionid=link1098onMouseOver="ShowTip(event, 'tt522', 'link1098')"onMouseOut="HideTip('tt522')">mxGraphModel.isLayer</a>. For all other current roots, the <ahref="mxGraphView-js.html#mxGraphView.currentRoot"class=LVariableid=link1099onMouseOver="ShowTip(event, 'tt422', 'link1099')"onMouseOut="HideTip('tt422')">mxGraphView.currentRoot</a> field points to the respective cell, so that the following holds: cell == this.view.currentRoot. This implementation returns null.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1100onMouseOver="ShowTip(event, 'tt231', 'link1100')"onMouseOut="HideTip('tt231')">mxCell</a> whose offset should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.enterGroup"></a>enterGroup</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.enterGroup = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Uses the given cell as the root of the displayed cell hierarchy. If no cell is specified then the selection cell is used. The cell is only used if <ahref="#mxGraph.isValidRoot"class=LFunctionid=link1101onMouseOver="ShowTip(event, 'tt282', 'link1101')"onMouseOut="HideTip('tt282')">isValidRoot</a> returns true.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1102onMouseOver="ShowTip(event, 'tt231', 'link1102')"onMouseOut="HideTip('tt231')">mxCell</a> to be used as the new root. Default is the selection cell.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.exitGroup"></a>exitGroup</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.exitGroup = function()</td></tr></table></blockquote><p>Changes the current root to the next valid root in the displayed cell hierarchy.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.home"></a>home</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.home = function()</td></tr></table></blockquote><p>Uses the root of the model as the root of the displayed cell hierarchy and selects the previous root.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isValidRoot"></a>isValidRoot</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isValidRoot = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is a valid root for the cell display hierarchy. This implementation returns true for all non-null values.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1103onMouseOver="ShowTip(event, 'tt231', 'link1103')"onMouseOut="HideTip('tt231')">mxCell</a> which should be checked as a possible root.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getGraphBounds"></a>getGraphBounds</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.getGraphBounds = function()</td></tr></table></blockquote><p>Returns the bounds of the visible graph. Shortcut to <ahref="mxGraphView-js.html#mxGraphView.getGraphBounds"class=LFunctionid=link1104onMouseOver="ShowTip(event, 'tt523', 'link1104')"onMouseOut="HideTip('tt523')">mxGraphView.getGraphBounds</a>. See also: <ahref="#mxGraph.getBoundingBoxFromGeometry"class=LFunctionid=link1105onMouseOver="ShowTip(event, 'tt285', 'link1105')"onMouseOut="HideTip('tt285')">getBoundingBoxFromGeometry</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getCellBounds"></a>getCellBounds</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getCellBounds = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>includeEdges,</td></tr><tr><td></td><tdclass=PParameternowrap>includeDescendants</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the scaled, translated bounds for the given cell. See <ahref="mxGraphView-js.html#mxGraphView.getBounds"class=LFunctionid=link1106onMouseOver="ShowTip(event, 'tt524', 'link1106')"onMouseOut="HideTip('tt524')">mxGraphView.getBounds</a> for arrays.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1107onMouseOver="ShowTip(event, 'tt231', 'link1107')"onMouseOut="HideTip('tt231')">mxCell</a> whose bounds should be returned.</td></tr><tr><tdclass=CDLEntry>includeEdge</td><tdclass=CDLDescription>Optional boolean that specifies if the bounds of the connected edges should be included. Default is false.</td></tr><tr><tdclass=CDLEntry>includeDescendants</td><tdclass=CDLDescription>Optional boolean that specifies if the bounds of all descendants should be included. Default is false.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getBoundingBoxFromGeometry"></a>getBoundingBoxFromGeometry</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getBoundingBoxFromGeometry = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>includeEdges</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the bounding box for the geometries of the vertices in the given array of cells. This can be used to find the graph bounds during a layout operation (ie. before the last endUpdate) as follows:</p><blockquote><preclass="prettyprint">var cells = graph.getChildCells(graph.getDefaultParent(), true, true);
var bounds = graph.getBoundingBoxFromGeometry(cells, true);</pre></blockquote><h4class=CHeading>This can then be used to move cells to the origin</h4><blockquote><preclass="prettyprint">if (bounds.x < 0 || bounds.y < 0)
}</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1108onMouseOver="ShowTip(event, 'tt231', 'link1108')"onMouseOut="HideTip('tt231')">mxCells</a> whose bounds should be returned.</td></tr><tr><tdclass=CDLEntry>includeEdges</td><tdclass=CDLDescription>Specifies if edge bounds should be included by computing the bounding box for all points its geometry. Default is false.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.refresh"></a>refresh</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.refresh = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Clears all cell states or the states for the hierarchy starting at the given cell and validates the graph. This fires a refresh event as the last step.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1109onMouseOver="ShowTip(event, 'tt231', 'link1109')"onMouseOut="HideTip('tt231')">mxCell</a> for which the cell states should be cleared.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.snap"></a>snap</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.snap = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Snaps the given numeric value to the grid if <ahref="#mxGraph.gridEnabled"class=LVariableid=link1110onMouseOver="ShowTip(event, 'tt57', 'link1110')"onMouseOut="HideTip('tt57')">gridEnabled</a> is true.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Numeric value to be snapped to the grid.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.panGraph"></a>panGraph</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.panGraph = function(</td><tdclass=PParameternowrap>dx,</td></tr><tr><td></td><tdclass=PParameternowrap>dy</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Shifts the graph display by the given amount. This is used to preview panning operations, use <ahref="mxGraphView-js.html#mxGraphView.setTranslate"class=LFunctionid=link1111onMouseOver="ShowTip(event, 'tt525', 'link1111')"onMouseOut="HideTip('tt525')">mxGraphView.setTranslate</a> to set a persistent translation of the view. Fires <ahref="../util/mxEvent-js.html#mxEvent.PAN"class=LVariableid=link1112onMouseOver="ShowTip(event, 'tt526', 'link1112')"onMouseOut="HideTip('tt526')">mxEvent.PAN</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>dx</td><tdclass=CDLDescription>Amount to shift the graph along the x-axis.</td></tr><tr><tdclass=CDLEntry>dy</td><tdclass=CDLDescription>Amount to shift the graph along the y-axis.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.zoomIn"></a>zoomIn</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.zoomIn = function()</td></tr></table></blockquote><p>Zooms into the graph by <ahref="#mxGraph.zoomFactor"class=LVariableid=link1113onMouseOver="ShowTip(event, 'tt147', 'link1113')"onMouseOut="HideTip('tt147')">zoomFactor</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.zoomOut"></a>zoomOut</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.zoomOut = function()</td></tr></table></blockquote><p>Zooms out of the graph by <ahref="#mxGraph.zoomFactor"class=LVariableid=link1114onMouseOver="ShowTip(event, 'tt147', 'link1114')"onMouseOut="HideTip('tt147')">zoomFactor</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.zoomActual"></a>zoomActual</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.zoomActual = function()</td></tr></table></blockquote><p>Resets the zoom and panning in the view.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.zoomTo"></a>zoomTo</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.zoomTo = function(</td><tdclass=PParameternowrap>scale,</td></tr><tr><td></td><tdclass=PParameternowrap>center</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Zooms the graph to the given scale with an optional boolean center argument, which is passd to <ahref="#mxGraph.zoom"class=LFunctionid=link1115onMouseOver="ShowTip(event, 'tt289', 'link1115')"onMouseOut="HideTip('tt289')">zoom</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.zoom"></a>zoom</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.zoom = function(</td><tdclass=PParameternowrap>factor,</td></tr><tr><td></td><tdclass=PParameternowrap>center</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Zooms the graph using the given factor. Center is an optional boolean argument that keeps the graph scrolled to the center. If the center argument is omitted, then <ahref="#mxGraph.centerZoom"class=LVariableid=link1116onMouseOver="ShowTip(event, 'tt151', 'link1116')"onMouseOut="HideTip('tt151')">centerZoom</a> will be used as its value.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.zoomToRect"></a>zoomToRect</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.zoomToRect = function(</td><tdclass=PParameternowrap>rect</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Zooms the graph to the specified rectangle. If the rectangle does not have same aspect ratio as the display container, it is increased in the smaller relative dimension only until the aspect match. The original rectangle is centralised within this expanded one.</p><p>Note that the input rectangular must be un-scaled and un-translated.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>rect</td><tdclass=CDLDescription>The un-scaled and un-translated rectangluar region that should be just visible after the operation</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.fit"></a>fit</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.fit = function(</td><tdclass=PParameternowrap>border,</td></tr><tr><td></td><tdclass=PParameternowrap>keepOrigin</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Scales the graph such that the complete diagram fits into <container> and returns the current scale in the view. To fit an initial graph prior to rendering, set <ahref="mxGraphView-js.html#mxGraphView.rendering"class=LVariableid=link1117onMouseOver="ShowTip(event, 'tt527', 'link1117')"onMouseOut="HideTip('tt527')">mxGraphView.rendering</a> to false prior to changing the model and execute the following after changing the model.</p><blockquote><preclass="prettyprint">graph.fit();
graph.refresh();</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>border</td><tdclass=CDLDescription>Optional number that specifies the border. Default is 0.</td></tr><tr><tdclass=CDLEntry>keepOrigin</td><tdclass=CDLDescription>Optional boolean that specifies if the translate should be changed. Default is false.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.scrollCellToVisible"></a>scrollCellToVisible</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.scrollCellToVisible = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>center</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Pans the graph so that it shows the given cell. Optionally the cell may be centered in the container.</p><p>To center a given graph if the <container> has no scrollbars, use the following code.</p><p>[code] var bounds = graph.getGraphBounds(); graph.view.setTranslate(-bounds.x - (bounds.width - container.clientWidth) / 2, -bounds.y - (bounds.height - container.clientHeight) / 2); [/code]</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1118onMouseOver="ShowTip(event, 'tt231', 'link1118')"onMouseOut="HideTip('tt231')">mxCell</a> to be made visible.</td></tr><tr><tdclass=CDLEntry>center</td><tdclass=CDLDescription>Optional boolean flag. Default is false.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.scrollRectToVisible"></a>scrollRectToVisible</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.scrollRectToVisible = function(</td><tdclass=PParameternowrap>rect</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Pans the graph so that it shows the given rectangle.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>rect</td><tdclass=CDLDescription><ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link1119onMouseOver="ShowTip(event, 'tt132', 'link1119')"onMouseOut="HideTip('tt132')">mxRectangle</a> to be made visible.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getCellGeometry"></a>getCellGeometry</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getCellGeometry = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the <ahref="../model/mxGeometry-js.html#mxGeometry"class=LClassid=link1120onMouseOver="ShowTip(event, 'tt235', 'link1120')"onMouseOut="HideTip('tt235')">mxGeometry</a> for the given cell. This implementation uses <ahref="../model/mxGraphModel-js.html#mxGraphModel.getGeometry"class=LFunctionid=link1121onMouseOver="ShowTip(event, 'tt528', 'link1121')"onMouseOut="HideTip('tt528')">mxGraphModel.getGeometry</a>. Subclasses can override this to implement specific geometries for cells in only one graph, that is, it can return geometries that depend on the current state of the view.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1122onMouseOver="ShowTip(event, 'tt231', 'link1122')"onMouseOut="HideTip('tt231')">mxCell</a> whose geometry should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellVisible"></a>isCellVisible</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellVisible = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is visible in this graph. This implementation uses <ahref="../model/mxGraphModel-js.html#mxGraphModel.isVisible"class=LFunctionid=link1123onMouseOver="ShowTip(event, 'tt529', 'link1123')"onMouseOut="HideTip('tt529')">mxGraphModel.isVisible</a>. Subclassers can override this to implement specific visibility for cells in only one graph, that is, without affecting the visible state of the cell.</p><p>When using dynamic filter expressions for cell visibility, then the graph should be revalidated after the filter expression has changed.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1124onMouseOver="ShowTip(event, 'tt231', 'link1124')"onMouseOut="HideTip('tt231')">mxCell</a> whose visible state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellCollapsed"></a>isCellCollapsed</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellCollapsed = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is collapsed in this graph. This implementation uses <ahref="../model/mxGraphModel-js.html#mxGraphModel.isCollapsed"class=LFunctionid=link1125onMouseOver="ShowTip(event, 'tt530', 'link1125')"onMouseOut="HideTip('tt530')">mxGraphModel.isCollapsed</a>. Subclassers can override this to implement specific collapsed states for cells in only one graph, that is, without affecting the collapsed state of the cell.</p><p>When using dynamic filter expressions for the collapsed state, then the graph should be revalidated after the filter expression has changed.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1126onMouseOver="ShowTip(event, 'tt231', 'link1126')"onMouseOut="HideTip('tt231')">mxCell</a> whose collapsed state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellConnectable"></a>isCellConnectable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellConnectable = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is connectable in this graph. This implementation uses <ahref="../model/mxGraphModel-js.html#mxGraphModel.isConnectable"class=LFunctionid=link1127onMouseOver="ShowTip(event, 'tt531', 'link1127')"onMouseOut="HideTip('tt531')">mxGraphModel.isConnectable</a>. Subclassers can override this to implement specific connectable states for cells in only one graph, that is, without affecting the connectable state of the cell in the model.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1128onMouseOver="ShowTip(event, 'tt231', 'link1128')"onMouseOut="HideTip('tt231')">mxCell</a> whose connectable state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isOrthogonal"></a>isOrthogonal</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isOrthogonal = function(</td><tdclass=PParameternowrap>edge</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if perimeter points should be computed such that the resulting edge has only horizontal or vertical segments.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>edge</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1129onMouseOver="ShowTip(event, 'tt43', 'link1129')"onMouseOut="HideTip('tt43')">mxCellState</a> that represents the edge.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isLoop"></a>isLoop</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isLoop = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell state is a loop.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1130onMouseOver="ShowTip(event, 'tt43', 'link1130')"onMouseOut="HideTip('tt43')">mxCellState</a> that represents a potential loop.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCloneEvent"></a>isCloneEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCloneEvent = function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given event is a clone event. This implementation returns true if control is pressed.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isToggleEvent"></a>isToggleEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isToggleEvent = function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given event is a toggle event. This implementation returns true if the meta key (Cmd) is pressed on Macs or if control is pressed on any other platform.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isGridEnabledEvent"></a>isGridEnabledEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isGridEnabledEvent = function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given mouse event should be aligned to the grid.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isConstrainedEvent"></a>isConstrainedEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isConstrainedEvent = function(</td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given mouse event should be aligned to the grid.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.validationAlert"></a>validationAlert</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.validationAlert = function(</td><tdclass=PParameternowrap>message</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Displays the given validation error in a dialog. This implementation uses mxUtils.alert.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isEdgeValid"></a>isEdgeValid</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isEdgeValid = function(</td><tdclass=PParameternowrap>edge,</td></tr><tr><td></td><tdclass=PParameternowrap>source,</td></tr><tr><td></td><tdclass=PParameternowrap>target</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Checks if the return value of <ahref="#mxGraph.getEdgeValidationError"class=LFunctionid=link1131onMouseOver="ShowTip(event, 'tt305', 'link1131')"onMouseOut="HideTip('tt305')">getEdgeValidationError</a> for the given arguments is null.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>edge</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1132onMouseOver="ShowTip(event, 'tt231', 'link1132')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the edge to validate.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1133onMouseOver="ShowTip(event, 'tt231', 'link1133')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the source terminal.</td></tr><tr><tdclass=CDLEntry>target</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1134onMouseOver="ShowTip(event, 'tt231', 'link1134')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the target terminal.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getEdgeValidationError"></a>getEdgeValidationError</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getEdgeValidationError = function(</td><tdclass=PParameternowrap>edge,</td></tr><tr><td></td><tdclass=PParameternowrap>source,</td></tr><tr><td></td><tdclass=PParameternowrap>target</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the validation error message to be displayed when inserting or changing an edges’ connectivity. A return value of null means the edge is valid, a return value of ‘’ means it’s not valid, but do not display an error message. Any other (non-empty) string returned from this method is displayed as an error message when trying to connect an edge to a source and target. This implementation uses the <ahref="#mxGraph.multiplicities"class=LVariableid=link1135onMouseOver="ShowTip(event, 'tt52', 'link1135')"onMouseOut="HideTip('tt52')">multiplicities</a>, and checks <ahref="#mxGraph.multigraph"class=LVariableid=link1136onMouseOver="ShowTip(event, 'tt159', 'link1136')"onMouseOut="HideTip('tt159')">multigraph</a>, <ahref="#mxGraph.allowDanglingEdges"class=LVariableid=link1137onMouseOver="ShowTip(event, 'tt161', 'link1137')"onMouseOut="HideTip('tt161')">allowDanglingEdges</a> and <ahref="#mxGraph.allowLoops"class=LVariableid=link1138onMouseOver="ShowTip(event, 'tt156', 'link1138')"onMouseOut="HideTip('tt156')">allowLoops</a> to generate validation errors.</p><p>For extending this method with specific checks for source/target cells, the method can be extended as follows. Returning an empty string means the edge is invalid with no error message, a non-null string specifies the error message, and null means the edge is valid.</p><blockquote><preclass="prettyprint">graph.getEdgeValidationError = function(edge, source, target)
}</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>edge</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1139onMouseOver="ShowTip(event, 'tt231', 'link1139')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the edge to validate.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1140onMouseOver="ShowTip(event, 'tt231', 'link1140')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the source terminal.</td></tr><tr><tdclass=CDLEntry>target</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1141onMouseOver="ShowTip(event, 'tt231', 'link1141')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the target terminal.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.validateEdge"></a>validateEdge</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.validateEdge = function(</td><tdclass=PParameternowrap>edge,</td></tr><tr><td></td><tdclass=PParameternowrap>source,</td></tr><tr><td></td><tdclass=PParameternowrap>target</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook method for subclassers to return an error message for the given edge and terminals. This implementation returns null.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>edge</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1142onMouseOver="ShowTip(event, 'tt231', 'link1142')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the edge to validate.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1143onMouseOver="ShowTip(event, 'tt231', 'link1143')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the source terminal.</td></tr><tr><tdclass=CDLEntry>target</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1144onMouseOver="ShowTip(event, 'tt231', 'link1144')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the target terminal.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.validateGraph"></a>validateGraph</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.validateGraph = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>context</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Validates the graph by validating each descendant of the given cell or the root of the model. Context is an object that contains the validation state for the complete validation run. The validation errors are attached to their cells using <ahref="#mxGraph.setCellWarning"class=LFunctionid=link1145onMouseOver="ShowTip(event, 'tt203', 'link1145')"onMouseOut="HideTip('tt203')">setCellWarning</a>. This function returns true if no validation errors exist in the graph.</p><h4class=CHeading>Paramters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1146onMouseOver="ShowTip(event, 'tt231', 'link1146')"onMouseOut="HideTip('tt231')">mxCell</a> to start the validation recursion. Default is the graph root.</td></tr><tr><tdclass=CDLEntry>context</td><tdclass=CDLDescription>Object that represents the global validation state.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getCellValidationError"></a>getCellValidationError</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getCellValidationError = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Checks all <ahref="#mxGraph.multiplicities"class=LVariableid=link1147onMouseOver="ShowTip(event, 'tt52', 'link1147')"onMouseOut="HideTip('tt52')">multiplicities</a> that cannot be enforced while the graph is being modified, namely, all multiplicities that require a minimum of 1 edge.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1148onMouseOver="ShowTip(event, 'tt231', 'link1148')"onMouseOut="HideTip('tt231')">mxCell</a> for which the multiplicities should be checked.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.validateCell"></a>validateCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.validateCell = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>context</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook method for subclassers to return an error message for the given cell and validation context. This implementation returns null. Any HTML breaks will be converted to linefeeds in the calling method.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1149onMouseOver="ShowTip(event, 'tt231', 'link1149')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the cell to validate.</td></tr><tr><tdclass=CDLEntry>context</td><tdclass=CDLDescription>Object that represents the global validation state.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getBackgroundImage"></a>getBackgroundImage</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.getBackgroundImage = function()</td></tr></table></blockquote><p>Returns the <ahref="#mxGraph.backgroundImage"class=LVariableid=link1150onMouseOver="ShowTip(event, 'tt75', 'link1150')"onMouseOut="HideTip('tt75')">backgroundImage</a> as an <ahref="../util/mxImage-js.html#mxImage"class=LClassid=link1151onMouseOver="ShowTip(event, 'tt76', 'link1151')"onMouseOut="HideTip('tt76')">mxImage</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setBackgroundImage"></a>setBackgroundImage</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setBackgroundImage = function(</td><tdclass=PParameternowrap>image</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the new <ahref="#mxGraph.backgroundImage"class=LVariableid=link1152onMouseOver="ShowTip(event, 'tt75', 'link1152')"onMouseOut="HideTip('tt75')">backgroundImage</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>image</td><tdclass=CDLDescription>New <ahref="../util/mxImage-js.html#mxImage"class=LClassid=link1153onMouseOver="ShowTip(event, 'tt76', 'link1153')"onMouseOut="HideTip('tt76')">mxImage</a> to be used for the background.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getFoldingImage"></a>getFoldingImage</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getFoldingImage = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the <ahref="../util/mxImage-js.html#mxImage"class=LClassid=link1154onMouseOver="ShowTip(event, 'tt76', 'link1154')"onMouseOut="HideTip('tt76')">mxImage</a> used to display the collapsed state of the specified cell state. This returns null for all edges.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.convertValueToString"></a>convertValueToString</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.convertValueToString = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the textual representation for the given cell. This implementation returns the nodename or string-representation of the user object.</p><h4class=CHeading>Example</h4><p>The following returns the label attribute from the cells user object if it is an XML node.</p><blockquote><preclass="prettyprint">graph.convertValueToString = function(cell)
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getLabel"></a>getLabel</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getLabel = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns a string or DOM node that represents the label for the given cell. This implementation uses <ahref="#mxGraph.convertValueToString"class=LFunctionid=link1157onMouseOver="ShowTip(event, 'tt312', 'link1157')"onMouseOut="HideTip('tt312')">convertValueToString</a> if <ahref="#mxGraph.labelsVisible"class=LVariableid=link1158onMouseOver="ShowTip(event, 'tt164', 'link1158')"onMouseOut="HideTip('tt164')">labelsVisible</a> is true. Otherwise it returns an empty string.</p><p>To truncate a label to match the size of the cell, the following code can be used.</p><blockquote><preclass="prettyprint">graph.getLabel = function(cell)
var label = mxGraph.prototype.getLabel.apply(this, arguments);
if (label != null && this.model.isVertex(cell))
{
var geo = this.getCellGeometry(cell);
if (geo != null)
{
var max = parseInt(geo.width / 8);
if (label.length > max)
{
label = label.substring(0, max)+'...';
}
}
}
return mxUtils.htmlEntities(label);
}</pre></blockquote><p>A resize listener is needed in the graph to force a repaint of the label after a resize.</p><blockquote><preclass="prettyprint">graph.addListener(mxEvent.RESIZE_CELLS, function(sender, evt)
});</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1159onMouseOver="ShowTip(event, 'tt231', 'link1159')"onMouseOut="HideTip('tt231')">mxCell</a> whose label should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isHtmlLabel"></a>isHtmlLabel</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isHtmlLabel = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the label must be rendered as HTML markup. The default implementation returns <ahref="#mxGraph.htmlLabels"class=LVariableid=link1160onMouseOver="ShowTip(event, 'tt165', 'link1160')"onMouseOut="HideTip('tt165')">htmlLabels</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1161onMouseOver="ShowTip(event, 'tt231', 'link1161')"onMouseOut="HideTip('tt231')">mxCell</a> whose label should be displayed as HTML markup.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isWrapping"></a>isWrapping</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isWrapping = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>This enables wrapping for HTML labels.</p><p>Returns true if no white-space CSS style directive should be used for displaying the given cells label. This implementation returns true if <ahref="../util/mxConstants-js.html#mxConstants.STYLE_WHITE_SPACE"class=LVariableid=link1164onMouseOver="ShowTip(event, 'tt532', 'link1164')"onMouseOut="HideTip('tt532')">mxConstants.STYLE_WHITE_SPACE</a> in the style of the given cell is ‘wrap’.</p><p>This is used as a workaround for IE ignoring the white-space directive of child elements if the directive appears in a parent element. It should be overridden to return true if a white-space directive is used in the HTML markup that represents the given cells label. In order for HTML markup to work in labels, <ahref="#mxGraph.isHtmlLabel"class=LFunctionid=link1165onMouseOver="ShowTip(event, 'tt166', 'link1165')"onMouseOut="HideTip('tt166')">isHtmlLabel</a> must also return true for the given cell.</p><h4class=CHeading>Example</h4><blockquote><preclass="prettyprint">graph.getLabel = function(cell)
}</pre></blockquote><p>Makes sure no edge label is wider than 150 pixels, otherwise the content is wrapped. Note: No width must be specified for wrapped vertex labels as the vertex defines the width in its geometry.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1166onMouseOver="ShowTip(event, 'tt231', 'link1166')"onMouseOut="HideTip('tt231')">mxCell</a> whose label should be wrapped.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isLabelClipped"></a>isLabelClipped</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isLabelClipped = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the overflow portion of labels should be hidden. If this returns true then vertex labels will be clipped to the size of the vertices. This implementation returns true if <ahref="../util/mxConstants-js.html#mxConstants.STYLE_OVERFLOW"class=LVariableid=link1167onMouseOver="ShowTip(event, 'tt533', 'link1167')"onMouseOut="HideTip('tt533')">mxConstants.STYLE_OVERFLOW</a> in the style of the given cell is ‘hidden’.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1168onMouseOver="ShowTip(event, 'tt231', 'link1168')"onMouseOut="HideTip('tt231')">mxCell</a> whose label should be clipped.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getTooltip"></a>getTooltip</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getTooltip = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>node,</td></tr><tr><td></td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the string or DOM node that represents the tooltip for the given state, node and coordinate pair. This implementation checks if the given node is a folding icon or overlay and returns the respective tooltip. If this does not result in a tooltip, the handler for the cell is retrieved from <selectionCellsHandler> and the optional getTooltipForNode method is called. If no special tooltip exists here then <ahref="#mxGraph.getTooltipForCell"class=LFunctionid=link1169onMouseOver="ShowTip(event, 'tt319', 'link1169')"onMouseOut="HideTip('tt319')">getTooltipForCell</a> is used with the cell in the given state as the argument to return a tooltip for the given state.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1170onMouseOver="ShowTip(event, 'tt43', 'link1170')"onMouseOut="HideTip('tt43')">mxCellState</a> whose tooltip should be returned.</td></tr><tr><tdclass=CDLEntry>node</td><tdclass=CDLDescription>DOM node that is currently under the mouse.</td></tr><tr><tdclass=CDLEntry>x</td><tdclass=CDLDescription>X-coordinate of the mouse.</td></tr><tr><tdclass=CDLEntry>y</td><tdclass=CDLDescription>Y-coordinate of the mouse.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getTooltipForCell"></a>getTooltipForCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getTooltipForCell = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the string or DOM node to be used as the tooltip for the given cell. This implementation uses the cells getTooltip function if it exists, or else it returns <ahref="#mxGraph.convertValueToString"class=LFunctionid=link1171onMouseOver="ShowTip(event, 'tt312', 'link1171')"onMouseOut="HideTip('tt312')">convertValueToString</a> for the cell.</p><h4class=CHeading>Example</h4><blockquote><preclass="prettyprint">graph.getTooltipForCell = function(cell)
}</pre></blockquote><p>Replaces all tooltips with the string Hello, World!</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1172onMouseOver="ShowTip(event, 'tt231', 'link1172')"onMouseOut="HideTip('tt231')">mxCell</a> whose tooltip should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getCursorForCell"></a>getCursorForCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getCursorForCell = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the cursor value to be used for the CSS of the shape for the given cell. This implementation returns null.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1173onMouseOver="ShowTip(event, 'tt231', 'link1173')"onMouseOut="HideTip('tt231')">mxCell</a> whose cursor should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getStartSize"></a>getStartSize</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getStartSize = function(</td><tdclass=PParameternowrap>swimlane</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the start size of the given swimlane, that is, the width or height of the part that contains the title, depending on the horizontal style. The return value is an <ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link1174onMouseOver="ShowTip(event, 'tt132', 'link1174')"onMouseOut="HideTip('tt132')">mxRectangle</a> with either width or height set as appropriate.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>swimlane</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1175onMouseOver="ShowTip(event, 'tt231', 'link1175')"onMouseOut="HideTip('tt231')">mxCell</a> whose start size should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getImage"></a>getImage</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getImage = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the image URL for the given cell state. This implementation returns the value stored under <ahref="../util/mxConstants-js.html#mxConstants.STYLE_IMAGE"class=LVariableid=link1176onMouseOver="ShowTip(event, 'tt486', 'link1176')"onMouseOut="HideTip('tt486')">mxConstants.STYLE_IMAGE</a> in the cell style.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1177onMouseOver="ShowTip(event, 'tt43', 'link1177')"onMouseOut="HideTip('tt43')">mxCellState</a> whose image URL should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getVerticalAlign"></a>getVerticalAlign</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getVerticalAlign = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the vertical alignment for the given cell state. This implementation returns the value stored under <ahref="../util/mxConstants-js.html#mxConstants.STYLE_VERTICAL_ALIGN"class=LVariableid=link1178onMouseOver="ShowTip(event, 'tt534', 'link1178')"onMouseOut="HideTip('tt534')">mxConstants.STYLE_VERTICAL_ALIGN</a> in the cell style.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1179onMouseOver="ShowTip(event, 'tt43', 'link1179')"onMouseOut="HideTip('tt43')">mxCellState</a> whose vertical alignment should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getIndicatorColor"></a>getIndicatorColor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getIndicatorColor = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the indicator color for the given cell state. This implementation returns the value stored under <ahref="../util/mxConstants-js.html#mxConstants.STYLE_INDICATOR_COLOR"class=LVariableid=link1180onMouseOver="ShowTip(event, 'tt535', 'link1180')"onMouseOut="HideTip('tt535')">mxConstants.STYLE_INDICATOR_COLOR</a> in the cell style.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1181onMouseOver="ShowTip(event, 'tt43', 'link1181')"onMouseOut="HideTip('tt43')">mxCellState</a> whose indicator color should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getIndicatorGradientColor"></a>getIndicatorGradientColor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getIndicatorGradientColor = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the indicator gradient color for the given cell state. This implementation returns the value stored under <ahref="../util/mxConstants-js.html#mxConstants.STYLE_INDICATOR_GRADIENTCOLOR"class=LVariableid=link1182onMouseOver="ShowTip(event, 'tt536', 'link1182')"onMouseOut="HideTip('tt536')">mxConstants.STYLE_INDICATOR_GRADIENTCOLOR</a> in the cell style.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1183onMouseOver="ShowTip(event, 'tt43', 'link1183')"onMouseOut="HideTip('tt43')">mxCellState</a> whose indicator gradient color should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getIndicatorShape"></a>getIndicatorShape</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getIndicatorShape = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the indicator shape for the given cell state. This implementation returns the value stored under <ahref="../util/mxConstants-js.html#mxConstants.STYLE_INDICATOR_SHAPE"class=LVariableid=link1184onMouseOver="ShowTip(event, 'tt537', 'link1184')"onMouseOut="HideTip('tt537')">mxConstants.STYLE_INDICATOR_SHAPE</a> in the cell style.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1185onMouseOver="ShowTip(event, 'tt43', 'link1185')"onMouseOut="HideTip('tt43')">mxCellState</a> whose indicator shape should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getIndicatorImage"></a>getIndicatorImage</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getIndicatorImage = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the indicator image for the given cell state. This implementation returns the value stored under <ahref="../util/mxConstants-js.html#mxConstants.STYLE_INDICATOR_IMAGE"class=LVariableid=link1186onMouseOver="ShowTip(event, 'tt538', 'link1186')"onMouseOut="HideTip('tt538')">mxConstants.STYLE_INDICATOR_IMAGE</a> in the cell style.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1187onMouseOver="ShowTip(event, 'tt43', 'link1187')"onMouseOut="HideTip('tt43')">mxCellState</a> whose indicator image should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getBorder"></a>getBorder</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.getBorder = function()</td></tr></table></blockquote><p>Returns the value of <ahref="#mxGraph.border"class=LVariableid=link1188onMouseOver="ShowTip(event, 'tt137', 'link1188')"onMouseOut="HideTip('tt137')">border</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setBorder"></a>setBorder</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setBorder = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the value of <ahref="#mxGraph.border"class=LVariableid=link1189onMouseOver="ShowTip(event, 'tt137', 'link1189')"onMouseOut="HideTip('tt137')">border</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Positive integer that represents the border to be used.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isSwimlane"></a>isSwimlane</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isSwimlane = function (</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is a swimlane in the graph. A swimlane is a container cell with some specific behaviour. This implementation checks if the shape associated with the given cell is a <ahref="../shape/mxSwimlane-js.html#mxSwimlane"class=LClassid=link1190onMouseOver="ShowTip(event, 'tt539', 'link1190')"onMouseOut="HideTip('tt539')">mxSwimlane</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1191onMouseOver="ShowTip(event, 'tt231', 'link1191')"onMouseOut="HideTip('tt231')">mxCell</a> to be checked.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setResizeContainer"></a>setResizeContainer</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setResizeContainer = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <ahref="#mxGraph.resizeContainer"class=LVariableid=link1193onMouseOver="ShowTip(event, 'tt135', 'link1193')"onMouseOut="HideTip('tt135')">resizeContainer</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if the container should be resized.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isEnabled"></a>isEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isEnabled = function()</td></tr></table></blockquote><p>Returns true if the graph is <ahref="#mxGraph.enabled"class=LVariableid=link1194onMouseOver="ShowTip(event, 'tt86', 'link1194')"onMouseOut="HideTip('tt86')">enabled</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setEnabled"></a>setEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setEnabled = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if the graph should allow any interactions. This implementation updates <ahref="#mxGraph.enabled"class=LVariableid=link1195onMouseOver="ShowTip(event, 'tt86', 'link1195')"onMouseOut="HideTip('tt86')">enabled</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if the graph should be enabled.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setEscapeEnabled"></a>setEscapeEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setEscapeEnabled = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <ahref="#mxGraph.escapeEnabled"class=LVariableid=link1197onMouseOver="ShowTip(event, 'tt88', 'link1197')"onMouseOut="HideTip('tt88')">escapeEnabled</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>enabled</td><tdclass=CDLDescription>Boolean indicating if escape should be enabled.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellLocked"></a>isCellLocked</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellLocked = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell may not be moved, sized, bended, disconnected, edited or selected. This implementation returns true for all vertices with a relative geometry if <locked> is false.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1202onMouseOver="ShowTip(event, 'tt231', 'link1202')"onMouseOut="HideTip('tt231')">mxCell</a> whose locked state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellsLocked"></a>isCellsLocked</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isCellsLocked = function()</td></tr></table></blockquote><p>Returns true if the given cell may not be moved, sized, bended, disconnected, edited or selected. This implementation returns true for all vertices with a relative geometry if <locked> is false.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1203onMouseOver="ShowTip(event, 'tt231', 'link1203')"onMouseOut="HideTip('tt231')">mxCell</a> whose locked state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setLocked"></a>setLocked</h3><divclass=CBody><p>Sets if any cell may be moved, sized, bended, disconnected, edited or selected.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean that defines the new value for <ahref="#mxGraph.cellsLocked"class=LVariableid=link1204onMouseOver="ShowTip(event, 'tt99', 'link1204')"onMouseOut="HideTip('tt99')">cellsLocked</a>.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getCloneableCells"></a>getCloneableCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getCloneableCells = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the cells which may be exported in the given array of cells.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellCloneable"></a>isCellCloneable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellCloneable = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is cloneable. This implementation returns <ahref="#mxGraph.isCellsCloneable"class=LFunctionid=link1205onMouseOver="ShowTip(event, 'tt342', 'link1205')"onMouseOut="HideTip('tt342')">isCellsCloneable</a> for all cells unless a cell style specifies <ahref="../util/mxConstants-js.html#mxConstants.STYLE_CLONEABLE"class=LVariableid=link1206onMouseOver="ShowTip(event, 'tt540', 'link1206')"onMouseOut="HideTip('tt540')">mxConstants.STYLE_CLONEABLE</a> to be 0.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1207onMouseOver="ShowTip(event, 'tt231', 'link1207')"onMouseOut="HideTip('tt231')">mxCell</a> whose cloneable state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellsCloneable"></a>isCellsCloneable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isCellsCloneable = function()</td></tr></table></blockquote><p>Returns <ahref="#mxGraph.cellsCloneable"class=LVariableid=link1208onMouseOver="ShowTip(event, 'tt101', 'link1208')"onMouseOut="HideTip('tt101')">cellsCloneable</a>, that is, if the graph allows cloning of cells by using control-drag.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setCellsCloneable"></a>setCellsCloneable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setCellsCloneable = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if the graph should allow cloning of cells by holding down the control key while cells are being moved. This implementation updates <ahref="#mxGraph.cellsCloneable"class=LVariableid=link1209onMouseOver="ShowTip(event, 'tt101', 'link1209')"onMouseOut="HideTip('tt101')">cellsCloneable</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if the graph should be cloneable.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getExportableCells"></a>getExportableCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getExportableCells = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the cells which may be exported in the given array of cells.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.canExportCell"></a>canExportCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.canExportCell = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell may be exported to the clipboard. This implementation returns <ahref="#mxGraph.exportEnabled"class=LVariableid=link1210onMouseOver="ShowTip(event, 'tt95', 'link1210')"onMouseOut="HideTip('tt95')">exportEnabled</a> for all cells.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1211onMouseOver="ShowTip(event, 'tt231', 'link1211')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the cell to be exported.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getImportableCells"></a>getImportableCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getImportableCells = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the cells which may be imported in the given array of cells.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.canImportCell"></a>canImportCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.canImportCell = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell may be imported from the clipboard. This implementation returns <ahref="#mxGraph.importEnabled"class=LVariableid=link1212onMouseOver="ShowTip(event, 'tt97', 'link1212')"onMouseOut="HideTip('tt97')">importEnabled</a> for all cells.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1213onMouseOver="ShowTip(event, 'tt231', 'link1213')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the cell to be imported.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellSelectable"></a>isCellSelectable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellSelectable = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is selectable. This implementation returns <ahref="#mxGraph.cellsSelectable"class=LVariableid=link1214onMouseOver="ShowTip(event, 'tt120', 'link1214')"onMouseOut="HideTip('tt120')">cellsSelectable</a>.</p><p>To add a new style for making cells (un)selectable, use the following code.</p><blockquote><preclass="prettyprint">mxGraph.prototype.isCellSelectable = function(cell)
};</pre></blockquote><p>You can then use the new style as shown in this example.</p><blockquote><preclass="prettyprint">graph.insertVertex(parent, null, 'Hello,', 20, 20, 80, 30, 'selectable=0');</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1215onMouseOver="ShowTip(event, 'tt231', 'link1215')"onMouseOut="HideTip('tt231')">mxCell</a> whose selectable state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getDeletableCells"></a>getDeletableCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getDeletableCells = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the cells which may be exported in the given array of cells.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellDeletable"></a>isCellDeletable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellDeletable = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is moveable. This returns <ahref="#mxGraph.cellsDeletable"class=LVariableid=link1218onMouseOver="ShowTip(event, 'tt106', 'link1218')"onMouseOut="HideTip('tt106')">cellsDeletable</a> for all given cells if a cells style does not specify <ahref="../util/mxConstants-js.html#mxConstants.STYLE_DELETABLE"class=LVariableid=link1219onMouseOver="ShowTip(event, 'tt541', 'link1219')"onMouseOut="HideTip('tt541')">mxConstants.STYLE_DELETABLE</a> to be 0.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1220onMouseOver="ShowTip(event, 'tt231', 'link1220')"onMouseOut="HideTip('tt231')">mxCell</a> whose deletable state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setCellsDeletable"></a>setCellsDeletable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setCellsDeletable = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <ahref="#mxGraph.cellsDeletable"class=LVariableid=link1222onMouseOver="ShowTip(event, 'tt106', 'link1222')"onMouseOut="HideTip('tt106')">cellsDeletable</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if the graph should allow deletion of cells.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isLabelMovable"></a>isLabelMovable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isLabelMovable = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given edges’s label is moveable. This returns <movable> for all given cells if <isLocked> does not return true for the given cell.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1223onMouseOver="ShowTip(event, 'tt231', 'link1223')"onMouseOut="HideTip('tt231')">mxCell</a> whose label should be moved.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellRotatable"></a>isCellRotatable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellRotatable = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is rotatable. This returns true for the given cell if its style does not specify <ahref="../util/mxConstants-js.html#mxConstants.STYLE_ROTATABLE"class=LVariableid=link1224onMouseOver="ShowTip(event, 'tt542', 'link1224')"onMouseOut="HideTip('tt542')">mxConstants.STYLE_ROTATABLE</a> to be 0.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1225onMouseOver="ShowTip(event, 'tt231', 'link1225')"onMouseOut="HideTip('tt231')">mxCell</a> whose rotatable state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getMovableCells"></a>getMovableCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getMovableCells = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the cells which are movable in the given array of cells.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellMovable"></a>isCellMovable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellMovable = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is moveable. This returns <ahref="#mxGraph.cellsMovable"class=LVariableid=link1226onMouseOver="ShowTip(event, 'tt108', 'link1226')"onMouseOut="HideTip('tt108')">cellsMovable</a> for all given cells if <ahref="#mxGraph.isCellLocked"class=LFunctionid=link1227onMouseOver="ShowTip(event, 'tt100', 'link1227')"onMouseOut="HideTip('tt100')">isCellLocked</a> does not return true for the given cell and its style does not specify <ahref="../util/mxConstants-js.html#mxConstants.STYLE_MOVABLE"class=LVariableid=link1228onMouseOver="ShowTip(event, 'tt543', 'link1228')"onMouseOut="HideTip('tt543')">mxConstants.STYLE_MOVABLE</a> to be 0.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1229onMouseOver="ShowTip(event, 'tt231', 'link1229')"onMouseOut="HideTip('tt231')">mxCell</a> whose movable state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setCellsMovable"></a>setCellsMovable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setCellsMovable = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if the graph should allow moving of cells. This implementation updates <cellsMsovable>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if the graph should allow moving of cells.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isGridEnabled"></a>isGridEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isGridEnabled = function()</td></tr></table></blockquote><p>Returns <ahref="#mxGraph.gridEnabled"class=LVariableid=link1231onMouseOver="ShowTip(event, 'tt57', 'link1231')"onMouseOut="HideTip('tt57')">gridEnabled</a> as a boolean.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setGridEnabled"></a>setGridEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setGridEnabled = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if the grid should be enabled.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if the grid should be enabled.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isPortsEnabled"></a>isPortsEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isPortsEnabled = function()</td></tr></table></blockquote><p>Returns <ahref="#mxGraph.portsEnabled"class=LVariableid=link1232onMouseOver="ShowTip(event, 'tt58', 'link1232')"onMouseOut="HideTip('tt58')">portsEnabled</a> as a boolean.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setPortsEnabled"></a>setPortsEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setPortsEnabled = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if the ports should be enabled.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if the ports should be enabled.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isSwimlaneNesting"></a>isSwimlaneNesting</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isSwimlaneNesting = function()</td></tr></table></blockquote><p>Returns <ahref="#mxGraph.swimlaneNesting"class=LVariableid=link1241onMouseOver="ShowTip(event, 'tt168', 'link1241')"onMouseOut="HideTip('tt168')">swimlaneNesting</a> as a boolean.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setSwimlaneNesting"></a>setSwimlaneNesting</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setSwimlaneNesting = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if swimlanes can be nested by drag and drop. This is only taken into account if dropEnabled is true.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if swimlanes can be nested.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isSwimlaneSelectionEnabled"></a>isSwimlaneSelectionEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isSwimlaneSelectionEnabled = function()</td></tr></table></blockquote><p>Returns <ahref="#mxGraph.swimlaneSelectionEnabled"class=LVariableid=link1242onMouseOver="ShowTip(event, 'tt167', 'link1242')"onMouseOut="HideTip('tt167')">swimlaneSelectionEnabled</a> as a boolean.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setSwimlaneSelectionEnabled"></a>setSwimlaneSelectionEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setSwimlaneSelectionEnabled = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if swimlanes should be selected if the mouse is released over their content area.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if swimlanes content areas should be selected when the mouse is released over them.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isMultigraph"></a>isMultigraph</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isMultigraph = function()</td></tr></table></blockquote><p>Returns <ahref="#mxGraph.multigraph"class=LVariableid=link1243onMouseOver="ShowTip(event, 'tt159', 'link1243')"onMouseOut="HideTip('tt159')">multigraph</a> as a boolean.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setMultigraph"></a>setMultigraph</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setMultigraph = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if the graph should allow multiple connections between the same pair of vertices.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if the graph allows multiple connections between the same pair of vertices.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isAllowLoops"></a>isAllowLoops</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isAllowLoops = function()</td></tr></table></blockquote><p>Returns <ahref="#mxGraph.allowLoops"class=LVariableid=link1244onMouseOver="ShowTip(event, 'tt156', 'link1244')"onMouseOut="HideTip('tt156')">allowLoops</a> as a boolean.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setAllowDanglingEdges"></a>setAllowDanglingEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setAllowDanglingEdges = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if dangling edges are allowed, that is, if edges are allowed that do not have a source and/or target terminal defined.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if dangling edges are allowed.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isAllowDanglingEdges"></a>isAllowDanglingEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isAllowDanglingEdges = function()</td></tr></table></blockquote><p>Returns <ahref="#mxGraph.allowDanglingEdges"class=LVariableid=link1245onMouseOver="ShowTip(event, 'tt161', 'link1245')"onMouseOut="HideTip('tt161')">allowDanglingEdges</a> as a boolean.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setConnectableEdges"></a>setConnectableEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setConnectableEdges = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if edges should be connectable.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if edges should be connectable.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isConnectableEdges"></a>isConnectableEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isConnectableEdges = function()</td></tr></table></blockquote><p>Returns <ahref="#mxGraph.connectableEdges"class=LVariableid=link1246onMouseOver="ShowTip(event, 'tt160', 'link1246')"onMouseOut="HideTip('tt160')">connectableEdges</a> as a boolean.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setCloneInvalidEdges"></a>setCloneInvalidEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setCloneInvalidEdges = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if edges should be inserted when cloned but not valid wrt. <ahref="#mxGraph.getEdgeValidationError"class=LFunctionid=link1247onMouseOver="ShowTip(event, 'tt305', 'link1247')"onMouseOut="HideTip('tt305')">getEdgeValidationError</a>. If false such edges will be silently ignored.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if cloned invalid edges should be inserted into the graph or ignored.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCloneInvalidEdges"></a>isCloneInvalidEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isCloneInvalidEdges = function()</td></tr></table></blockquote><p>Returns <ahref="#mxGraph.cloneInvalidEdges"class=LVariableid=link1248onMouseOver="ShowTip(event, 'tt162', 'link1248')"onMouseOut="HideTip('tt162')">cloneInvalidEdges</a> as a boolean.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setAllowLoops"></a>setAllowLoops</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setAllowLoops = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if loops are allowed.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if loops are allowed.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isDisconnectOnMove"></a>isDisconnectOnMove</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isDisconnectOnMove = function()</td></tr></table></blockquote><p>Returns <ahref="#mxGraph.disconnectOnMove"class=LVariableid=link1249onMouseOver="ShowTip(event, 'tt163', 'link1249')"onMouseOut="HideTip('tt163')">disconnectOnMove</a> as a boolean.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setDisconnectOnMove"></a>setDisconnectOnMove</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setDisconnectOnMove = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if edges should be disconnected when moved. (Note: Cloned edges are always disconnected.)</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if edges should be disconnected when moved.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isDropEnabled"></a>isDropEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isDropEnabled = function()</td></tr></table></blockquote><p>Returns <ahref="#mxGraph.dropEnabled"class=LVariableid=link1250onMouseOver="ShowTip(event, 'tt113', 'link1250')"onMouseOut="HideTip('tt113')">dropEnabled</a> as a boolean.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setDropEnabled"></a>setDropEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setDropEnabled = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if the graph should allow dropping of cells onto or into other cells.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>dropEnabled</td><tdclass=CDLDescription>Boolean indicating if the graph should allow dropping of cells into other cells.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isSplitEnabled"></a>isSplitEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isSplitEnabled = function()</td></tr></table></blockquote><p>Returns <ahref="#mxGraph.splitEnabled"class=LVariableid=link1251onMouseOver="ShowTip(event, 'tt115', 'link1251')"onMouseOut="HideTip('tt115')">splitEnabled</a> as a boolean.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setSplitEnabled"></a>setSplitEnabled</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setSplitEnabled = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if the graph should allow dropping of cells onto or into other cells.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>dropEnabled</td><tdclass=CDLDescription>Boolean indicating if the graph should allow dropping of cells into other cells.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellResizable"></a>isCellResizable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellResizable = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is resizable. This returns <ahref="#mxGraph.cellsResizable"class=LVariableid=link1252onMouseOver="ShowTip(event, 'tt116', 'link1252')"onMouseOut="HideTip('tt116')">cellsResizable</a> for all given cells if <ahref="#mxGraph.isCellLocked"class=LFunctionid=link1253onMouseOver="ShowTip(event, 'tt100', 'link1253')"onMouseOut="HideTip('tt100')">isCellLocked</a> does not return true for the given cell and its style does not specify <ahref="../util/mxConstants-js.html#mxConstants.STYLE_RESIZABLE"class=LVariableid=link1254onMouseOver="ShowTip(event, 'tt544', 'link1254')"onMouseOut="HideTip('tt544')">mxConstants.STYLE_RESIZABLE</a> to be 0.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1255onMouseOver="ShowTip(event, 'tt231', 'link1255')"onMouseOut="HideTip('tt231')">mxCell</a> whose resizable state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setCellsResizable"></a>setCellsResizable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setCellsResizable = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if the graph should allow resizing of cells. This implementation updates <ahref="#mxGraph.cellsResizable"class=LVariableid=link1257onMouseOver="ShowTip(event, 'tt116', 'link1257')"onMouseOut="HideTip('tt116')">cellsResizable</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if the graph should allow resizing of cells.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isTerminalPointMovable"></a>isTerminalPointMovable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isTerminalPointMovable = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>source</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given terminal point is movable. This is independent from <ahref="#mxGraph.isCellConnectable"class=LFunctionid=link1258onMouseOver="ShowTip(event, 'tt296', 'link1258')"onMouseOut="HideTip('tt296')">isCellConnectable</a> and <ahref="#mxGraph.isCellDisconnectable"class=LFunctionid=link1259onMouseOver="ShowTip(event, 'tt392', 'link1259')"onMouseOut="HideTip('tt392')">isCellDisconnectable</a> and controls if terminal points can be moved in the graph if the edge is not connected. Note that it is required for this to return true to connect unconnected edges. This implementation returns true.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1260onMouseOver="ShowTip(event, 'tt231', 'link1260')"onMouseOut="HideTip('tt231')">mxCell</a> whose terminal point should be moved.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription>Boolean indicating if the source or target terminal should be moved.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellBendable"></a>isCellBendable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellBendable = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is bendable. This returns <ahref="#mxGraph.cellsBendable"class=LVariableid=link1261onMouseOver="ShowTip(event, 'tt118', 'link1261')"onMouseOut="HideTip('tt118')">cellsBendable</a> for all given cells if <isLocked> does not return true for the given cell and its style does not specify <ahref="../util/mxConstants-js.html#mxConstants.STYLE_BENDABLE"class=LVariableid=link1262onMouseOver="ShowTip(event, 'tt545', 'link1262')"onMouseOut="HideTip('tt545')">mxConstants.STYLE_BENDABLE</a> to be 0.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1263onMouseOver="ShowTip(event, 'tt231', 'link1263')"onMouseOut="HideTip('tt231')">mxCell</a> whose bendable state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setCellsBendable"></a>setCellsBendable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setCellsBendable = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if the graph should allow bending of edges. This implementation updates <bendable>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if the graph should allow bending of edges.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellEditable"></a>isCellEditable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellEditable = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is editable. This returns <ahref="#mxGraph.cellsEditable"class=LVariableid=link1264onMouseOver="ShowTip(event, 'tt104', 'link1264')"onMouseOut="HideTip('tt104')">cellsEditable</a> for all given cells if <ahref="#mxGraph.isCellLocked"class=LFunctionid=link1265onMouseOver="ShowTip(event, 'tt100', 'link1265')"onMouseOut="HideTip('tt100')">isCellLocked</a> does not return true for the given cell and its style does not specify <ahref="../util/mxConstants-js.html#mxConstants.STYLE_EDITABLE"class=LVariableid=link1266onMouseOver="ShowTip(event, 'tt546', 'link1266')"onMouseOut="HideTip('tt546')">mxConstants.STYLE_EDITABLE</a> to be 0.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1267onMouseOver="ShowTip(event, 'tt231', 'link1267')"onMouseOut="HideTip('tt231')">mxCell</a> whose editable state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setCellsEditable"></a>setCellsEditable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setCellsEditable = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if the graph should allow in-place editing for cell labels. This implementation updates <ahref="#mxGraph.cellsEditable"class=LVariableid=link1269onMouseOver="ShowTip(event, 'tt104', 'link1269')"onMouseOut="HideTip('tt104')">cellsEditable</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if the graph should allow in-place editing.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellDisconnectable"></a>isCellDisconnectable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellDisconnectable = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>terminal,</td></tr><tr><td></td><tdclass=PParameternowrap>source</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is disconnectable from the source or target terminal. This returns <ahref="#mxGraph.isCellsDisconnectable"class=LFunctionid=link1270onMouseOver="ShowTip(event, 'tt393', 'link1270')"onMouseOut="HideTip('tt393')">isCellsDisconnectable</a> for all given cells if <ahref="#mxGraph.isCellLocked"class=LFunctionid=link1271onMouseOver="ShowTip(event, 'tt100', 'link1271')"onMouseOut="HideTip('tt100')">isCellLocked</a> does not return true for the given cell.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1272onMouseOver="ShowTip(event, 'tt231', 'link1272')"onMouseOut="HideTip('tt231')">mxCell</a> whose disconnectable state should be returned.</td></tr><tr><tdclass=CDLEntry>terminal</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1273onMouseOver="ShowTip(event, 'tt231', 'link1273')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the source or target terminal.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription>Boolean indicating if the source or target terminal is to be disconnected.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isValidSource"></a>isValidSource</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isValidSource = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is a valid source for new connections. This implementation returns true for all non-null values and is called by is called by <ahref="#mxGraph.isValidConnection"class=LFunctionid=link1276onMouseOver="ShowTip(event, 'tt397', 'link1276')"onMouseOut="HideTip('tt397')">isValidConnection</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1277onMouseOver="ShowTip(event, 'tt231', 'link1277')"onMouseOut="HideTip('tt231')">mxCell</a> that represents a possible source or null.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isValidTarget"></a>isValidTarget</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isValidTarget = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns <ahref="#mxGraph.isValidSource"class=LFunctionid=link1278onMouseOver="ShowTip(event, 'tt395', 'link1278')"onMouseOut="HideTip('tt395')">isValidSource</a> for the given cell. This is called by <ahref="#mxGraph.isValidConnection"class=LFunctionid=link1279onMouseOver="ShowTip(event, 'tt397', 'link1279')"onMouseOut="HideTip('tt397')">isValidConnection</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1280onMouseOver="ShowTip(event, 'tt231', 'link1280')"onMouseOut="HideTip('tt231')">mxCell</a> that represents a possible target or null.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isValidConnection"></a>isValidConnection</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isValidConnection = function(</td><tdclass=PParameternowrap>source,</td></tr><tr><td></td><tdclass=PParameternowrap>target</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given target cell is a valid target for source. This is a boolean implementation for not allowing connections between certain pairs of vertices and is called by <ahref="#mxGraph.getEdgeValidationError"class=LFunctionid=link1281onMouseOver="ShowTip(event, 'tt305', 'link1281')"onMouseOut="HideTip('tt305')">getEdgeValidationError</a>. This implementation returns true if <ahref="#mxGraph.isValidSource"class=LFunctionid=link1282onMouseOver="ShowTip(event, 'tt395', 'link1282')"onMouseOut="HideTip('tt395')">isValidSource</a> returns true for the source and <ahref="#mxGraph.isValidTarget"class=LFunctionid=link1283onMouseOver="ShowTip(event, 'tt396', 'link1283')"onMouseOut="HideTip('tt396')">isValidTarget</a> returns true for the target.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1284onMouseOver="ShowTip(event, 'tt231', 'link1284')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the source cell.</td></tr><tr><tdclass=CDLEntry>target</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1285onMouseOver="ShowTip(event, 'tt231', 'link1285')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the target cell.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setConnectable"></a>setConnectable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setConnectable = function(</td><tdclass=PParameternowrap>connectable</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if the graph should allow new connections. This implementation updates <ahref="../handler/mxConnectionHandler-js.html#mxConnectionHandler.enabled"class=LVariableid=link1286onMouseOver="ShowTip(event, 'tt547', 'link1286')"onMouseOut="HideTip('tt547')">mxConnectionHandler.enabled</a> in <connectionHandler>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>connectable</td><tdclass=CDLDescription>Boolean indicating if new connections should be allowed.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isConnectable"></a>isConnectable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isConnectable = function(</td><tdclass=PParameternowrap>connectable</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the <connectionHandler> is enabled.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setTooltips"></a>setTooltips</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setTooltips = function (</td><tdclass=PParameternowrap>enabled</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if tooltips should be enabled. This implementation updates <ahref="../handler/mxTooltipHandler-js.html#mxTooltipHandler.enabled"class=LVariableid=link1287onMouseOver="ShowTip(event, 'tt548', 'link1287')"onMouseOut="HideTip('tt548')">mxTooltipHandler.enabled</a> in <tooltipHandler>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>enabled</td><tdclass=CDLDescription>Boolean indicating if tooltips should be enabled.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setPanning"></a>setPanning</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setPanning = function(</td><tdclass=PParameternowrap>enabled</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if panning should be enabled. This implementation updates <ahref="../handler/mxPanningHandler-js.html#mxPanningHandler.panningEnabled"class=LVariableid=link1288onMouseOver="ShowTip(event, 'tt549', 'link1288')"onMouseOut="HideTip('tt549')">mxPanningHandler.panningEnabled</a> in <panningHandler>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>enabled</td><tdclass=CDLDescription>Boolean indicating if panning should be enabled.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isEditing"></a>isEditing</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isEditing = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is currently being edited. If no cell is specified then this returns true if any cell is currently being edited.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1289onMouseOver="ShowTip(event, 'tt231', 'link1289')"onMouseOut="HideTip('tt231')">mxCell</a> that should be checked.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isAutoSizeCell"></a>isAutoSizeCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isAutoSizeCell = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the size of the given cell should automatically be updated after a change of the label. This implementation returns <ahref="#mxGraph.autoSizeCells"class=LVariableid=link1290onMouseOver="ShowTip(event, 'tt123', 'link1290')"onMouseOut="HideTip('tt123')">autoSizeCells</a> or checks if the cell style does specify <ahref="../util/mxConstants-js.html#mxConstants.STYLE_AUTOSIZE"class=LVariableid=link1291onMouseOver="ShowTip(event, 'tt550', 'link1291')"onMouseOut="HideTip('tt550')">mxConstants.STYLE_AUTOSIZE</a> to be 1.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1292onMouseOver="ShowTip(event, 'tt231', 'link1292')"onMouseOut="HideTip('tt231')">mxCell</a> that should be resized.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setAutoSizeCells"></a>setAutoSizeCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setAutoSizeCells = function(</td><tdclass=PParameternowrap>value</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Specifies if cell sizes should be automatically updated after a label change. This implementation sets <ahref="#mxGraph.autoSizeCells"class=LVariableid=link1294onMouseOver="ShowTip(event, 'tt123', 'link1294')"onMouseOut="HideTip('tt123')">autoSizeCells</a> to the given parameter. To update the size of cells when the cells are added, set <ahref="#mxGraph.autoSizeCellsOnAdd"class=LVariableid=link1295onMouseOver="ShowTip(event, 'tt124', 'link1295')"onMouseOut="HideTip('tt124')">autoSizeCellsOnAdd</a> to true.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>Boolean indicating if cells should be resized automatically.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isExtendParent"></a>isExtendParent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isExtendParent = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the parent of the given cell should be extended if the child has been resized so that it overlaps the parent. This implementation returns <ahref="#mxGraph.isExtendParents"class=LFunctionid=link1296onMouseOver="ShowTip(event, 'tt407', 'link1296')"onMouseOut="HideTip('tt407')">isExtendParents</a> if the cell is not an edge.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1297onMouseOver="ShowTip(event, 'tt231', 'link1297')"onMouseOut="HideTip('tt231')">mxCell</a> that has been resized.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setExtendParentsOnAdd"></a>setExtendParentsOnAdd</h3><divclass=CBody><p>Sets <ahref="#mxGraph.extendParentsOnAdd"class=LVariableid=link1305onMouseOver="ShowTip(event, 'tt143', 'link1305')"onMouseOut="HideTip('tt143')">extendParentsOnAdd</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>value</td><tdclass=CDLDescription>New boolean value for <ahref="#mxGraph.extendParentsOnAdd"class=LVariableid=link1306onMouseOver="ShowTip(event, 'tt143', 'link1306')"onMouseOut="HideTip('tt143')">extendParentsOnAdd</a>.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isConstrainChild"></a>isConstrainChild</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isConstrainChild = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell should be kept inside the bounds of its parent according to the rules defined by <ahref="#mxGraph.getOverlap"class=LFunctionid=link1310onMouseOver="ShowTip(event, 'tt71', 'link1310')"onMouseOut="HideTip('tt71')">getOverlap</a> and <ahref="#mxGraph.isAllowOverlapParent"class=LFunctionid=link1311onMouseOver="ShowTip(event, 'tt72', 'link1311')"onMouseOut="HideTip('tt72')">isAllowOverlapParent</a>. This implementation returns false for all children of edges and <ahref="#mxGraph.isConstrainChildren"class=LFunctionid=link1312onMouseOver="ShowTip(event, 'tt412', 'link1312')"onMouseOut="HideTip('tt412')">isConstrainChildren</a> otherwise.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1313onMouseOver="ShowTip(event, 'tt231', 'link1313')"onMouseOut="HideTip('tt231')">mxCell</a> that should be constrained.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getOverlap"></a>getOverlap</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getOverlap = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns a decimal number representing the amount of the width and height of the given cell that is allowed to overlap its parent. A value of 0 means all children must stay inside the parent, 1 means the child is allowed to be placed outside of the parent such that it touches one of the parents sides. If <ahref="#mxGraph.isAllowOverlapParent"class=LFunctionid=link1320onMouseOver="ShowTip(event, 'tt72', 'link1320')"onMouseOut="HideTip('tt72')">isAllowOverlapParent</a> returns false for the given cell, then this method returns 0.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1321onMouseOver="ShowTip(event, 'tt231', 'link1321')"onMouseOut="HideTip('tt231')">mxCell</a> for which the overlap ratio should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isAllowOverlapParent"></a>isAllowOverlapParent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isAllowOverlapParent = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is allowed to be placed outside of the parents area.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1322onMouseOver="ShowTip(event, 'tt231', 'link1322')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the child to be checked.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getFoldableCells"></a>getFoldableCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getFoldableCells = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>collapse</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the cells which are movable in the given array of cells.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellFoldable"></a>isCellFoldable</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellFoldable = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>collapse</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is foldable. This implementation returns true if the cell has at least one child and its style does not specify <ahref="../util/mxConstants-js.html#mxConstants.STYLE_FOLDABLE"class=LVariableid=link1323onMouseOver="ShowTip(event, 'tt551', 'link1323')"onMouseOut="HideTip('tt551')">mxConstants.STYLE_FOLDABLE</a> to be 0.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1324onMouseOver="ShowTip(event, 'tt231', 'link1324')"onMouseOut="HideTip('tt231')">mxCell</a> whose foldable state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isValidDropTarget"></a>isValidDropTarget</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isValidDropTarget = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is a valid drop target for the specified cells. If <ahref="#mxGraph.splitEnabled"class=LVariableid=link1325onMouseOver="ShowTip(event, 'tt115', 'link1325')"onMouseOut="HideTip('tt115')">splitEnabled</a> is true then this returns <ahref="#mxGraph.isSplitTarget"class=LFunctionid=link1326onMouseOver="ShowTip(event, 'tt419', 'link1326')"onMouseOut="HideTip('tt419')">isSplitTarget</a> for the given arguments else it returns true if the cell is not collapsed and its child count is greater than 0.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1327onMouseOver="ShowTip(event, 'tt231', 'link1327')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the possible drop target.</td></tr><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1328onMouseOver="ShowTip(event, 'tt231', 'link1328')"onMouseOut="HideTip('tt231')">mxCells</a> that should be dropped into the target.</td></tr><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Mouseevent that triggered the invocation.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isSplitTarget"></a>isSplitTarget</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isSplitTarget = function(</td><tdclass=PParameternowrap>target,</td></tr><tr><td></td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given edge may be splitted into two edges with the given cell as a new terminal between the two.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>target</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1329onMouseOver="ShowTip(event, 'tt231', 'link1329')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the edge to be splitted.</td></tr><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1330onMouseOver="ShowTip(event, 'tt231', 'link1330')"onMouseOut="HideTip('tt231')">mxCells</a> that should split the edge.</td></tr><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Mouseevent that triggered the invocation.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getDropTarget"></a>getDropTarget</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getDropTarget = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>evt,</td></tr><tr><td></td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the given cell if it is a drop target for the given cells or the nearest ancestor that may be used as a drop target for the given cells. If the given array contains a swimlane and <ahref="#mxGraph.swimlaneNesting"class=LVariableid=link1331onMouseOver="ShowTip(event, 'tt168', 'link1331')"onMouseOut="HideTip('tt168')">swimlaneNesting</a> is false then this always returns null. If no cell is given, then the bottommost swimlane at the location of the given event is returned.</p><p>This function should only be used if <ahref="#mxGraph.isDropEnabled"class=LFunctionid=link1332onMouseOver="ShowTip(event, 'tt114', 'link1332')"onMouseOut="HideTip('tt114')">isDropEnabled</a> returns true.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1333onMouseOver="ShowTip(event, 'tt231', 'link1333')"onMouseOut="HideTip('tt231')">mxCells</a> which are to be dropped onto the target.</td></tr><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Mouseevent for the drag and drop.</td></tr><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1334onMouseOver="ShowTip(event, 'tt231', 'link1334')"onMouseOut="HideTip('tt231')">mxCell</a> that is under the mousepointer.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getDefaultParent"></a>getDefaultParent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.getDefaultParent = function()</td></tr></table></blockquote><p>Returns <ahref="#mxGraph.defaultParent"class=LVariableid=link1335onMouseOver="ShowTip(event, 'tt73', 'link1335')"onMouseOut="HideTip('tt73')">defaultParent</a> or <ahref="mxGraphView-js.html#mxGraphView.currentRoot"class=LVariableid=link1336onMouseOver="ShowTip(event, 'tt422', 'link1336')"onMouseOut="HideTip('tt422')">mxGraphView.currentRoot</a> or the first child child of <ahref="../model/mxGraphModel-js.html#mxGraphModel.root"class=LVariableid=link1337onMouseOver="ShowTip(event, 'tt423', 'link1337')"onMouseOut="HideTip('tt423')">mxGraphModel.root</a> if both are null. The value returned by this function should be used as the parent for new cells (aka default layer).</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setDefaultParent"></a>setDefaultParent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setDefaultParent = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the <ahref="#mxGraph.defaultParent"class=LVariableid=link1338onMouseOver="ShowTip(event, 'tt73', 'link1338')"onMouseOut="HideTip('tt73')">defaultParent</a> to the given cell. Set this to null to return the first child of the root in getDefaultParent.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getSwimlane"></a>getSwimlane</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getSwimlane = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the nearest ancestor of the given cell which is a swimlane, or the given cell, if it is itself a swimlane.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1339onMouseOver="ShowTip(event, 'tt231', 'link1339')"onMouseOut="HideTip('tt231')">mxCell</a> for which the ancestor swimlane should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getSwimlaneAt"></a>getSwimlaneAt</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getSwimlaneAt = function (</td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y,</td></tr><tr><td></td><tdclass=PParameternowrap>parent</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the bottom-most swimlane that intersects the given point (x, y) in the cell hierarchy that starts at the given parent.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>x</td><tdclass=CDLDescription>X-coordinate of the location to be checked.</td></tr><tr><tdclass=CDLEntry>y</td><tdclass=CDLDescription>Y-coordinate of the location to be checked.</td></tr><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1340onMouseOver="ShowTip(event, 'tt231', 'link1340')"onMouseOut="HideTip('tt231')">mxCell</a> that should be used as the root of the recursion. Default is <ahref="#mxGraph.defaultParent"class=LVariableid=link1341onMouseOver="ShowTip(event, 'tt73', 'link1341')"onMouseOut="HideTip('tt73')">defaultParent</a>.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getCellAt"></a>getCellAt</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getCellAt = function(</td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y,</td></tr><tr><td></td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>vertices,</td></tr><tr><td></td><tdclass=PParameternowrap>edges</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the bottom-most cell that intersects the given point (x, y) in the cell hierarchy starting at the given parent. This will also return swimlanes if the given location intersects the content area of the swimlane. If this is not desired, then the <ahref="#mxGraph.hitsSwimlaneContent"class=LFunctionid=link1342onMouseOver="ShowTip(event, 'tt429', 'link1342')"onMouseOut="HideTip('tt429')">hitsSwimlaneContent</a> may be used if the returned cell is a swimlane to determine if the location is inside the content area or on the actual title of the swimlane.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>x</td><tdclass=CDLDescription>X-coordinate of the location to be checked.</td></tr><tr><tdclass=CDLEntry>y</td><tdclass=CDLDescription>Y-coordinate of the location to be checked.</td></tr><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1343onMouseOver="ShowTip(event, 'tt231', 'link1343')"onMouseOut="HideTip('tt231')">mxCell</a> that should be used as the root of the recursion. Default is <ahref="#mxGraph.defaultParent"class=LVariableid=link1344onMouseOver="ShowTip(event, 'tt73', 'link1344')"onMouseOut="HideTip('tt73')">defaultParent</a>.</td></tr><tr><tdclass=CDLEntry>vertices</td><tdclass=CDLDescription>Optional boolean indicating if vertices should be returned. Default is true.</td></tr><tr><tdclass=CDLEntry>edges</td><tdclass=CDLDescription>Optional boolean indicating if edges should be returned. Default is true.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.intersects"></a>intersects</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.intersects = function(</td><tdclass=PParameternowrap>state,</td></tr><tr><td></td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the bottom-most cell that intersects the given point (x, y) in the cell hierarchy that starts at the given parent.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1345onMouseOver="ShowTip(event, 'tt43', 'link1345')"onMouseOut="HideTip('tt43')">mxCellState</a> that represents the cell state.</td></tr><tr><tdclass=CDLEntry>x</td><tdclass=CDLDescription>X-coordinate of the location to be checked.</td></tr><tr><tdclass=CDLEntry>y</td><tdclass=CDLDescription>Y-coordinate of the location to be checked.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.hitsSwimlaneContent"></a>hitsSwimlaneContent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.hitsSwimlaneContent = function(</td><tdclass=PParameternowrap>swimlane,</td></tr><tr><td></td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given coordinate pair is inside the content are of the given swimlane.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>swimlane</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1346onMouseOver="ShowTip(event, 'tt231', 'link1346')"onMouseOut="HideTip('tt231')">mxCell</a> that specifies the swimlane.</td></tr><tr><tdclass=CDLEntry>x</td><tdclass=CDLDescription>X-coordinate of the mouse event.</td></tr><tr><tdclass=CDLEntry>y</td><tdclass=CDLDescription>Y-coordinate of the mouse event.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getChildVertices"></a>getChildVertices</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getChildVertices = function(</td><tdclass=PParameternowrap>parent</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the visible child vertices of the given parent.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1347onMouseOver="ShowTip(event, 'tt231', 'link1347')"onMouseOut="HideTip('tt231')">mxCell</a> whose children should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getChildEdges"></a>getChildEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getChildEdges = function(</td><tdclass=PParameternowrap>parent</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the visible child edges of the given parent.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1348onMouseOver="ShowTip(event, 'tt231', 'link1348')"onMouseOut="HideTip('tt231')">mxCell</a> whose child vertices should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getChildCells"></a>getChildCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getChildCells = function(</td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>vertices,</td></tr><tr><td></td><tdclass=PParameternowrap>edges</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the visible child vertices or edges in the given parent. If vertices and edges is false, then all children are returned.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1349onMouseOver="ShowTip(event, 'tt231', 'link1349')"onMouseOut="HideTip('tt231')">mxCell</a> whose children should be returned.</td></tr><tr><tdclass=CDLEntry>vertices</td><tdclass=CDLDescription>Optional boolean that specifies if child vertices should be returned. Default is false.</td></tr><tr><tdclass=CDLEntry>edges</td><tdclass=CDLDescription>Optional boolean that specifies if child edges should be returned. Default is false.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getConnections"></a>getConnections</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getConnections = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>parent</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns all visible edges connected to the given cell without loops.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1350onMouseOver="ShowTip(event, 'tt231', 'link1350')"onMouseOut="HideTip('tt231')">mxCell</a> whose connections should be returned.</td></tr><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription>Optional parent of the opposite end for a connection to be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getIncomingEdges"></a>getIncomingEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getIncomingEdges = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>parent</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the visible incoming edges for the given cell. If the optional parent argument is specified, then only child edges of the given parent are returned.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1351onMouseOver="ShowTip(event, 'tt231', 'link1351')"onMouseOut="HideTip('tt231')">mxCell</a> whose incoming edges should be returned.</td></tr><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription>Optional parent of the opposite end for an edge to be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getOutgoingEdges"></a>getOutgoingEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getOutgoingEdges = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>parent</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the visible outgoing edges for the given cell. If the optional parent argument is specified, then only child edges of the given parent are returned.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1352onMouseOver="ShowTip(event, 'tt231', 'link1352')"onMouseOut="HideTip('tt231')">mxCell</a> whose outgoing edges should be returned.</td></tr><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription>Optional parent of the opposite end for an edge to be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getEdges"></a>getEdges</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getEdges = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>incoming,</td></tr><tr><td></td><tdclass=PParameternowrap>outgoing,</td></tr><tr><td></td><tdclass=PParameternowrap>includeLoops,</td></tr><tr><td></td><tdclass=PParameternowrap>recurse</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the incoming and/or outgoing edges for the given cell. If the optional parent argument is specified, then only edges are returned where the opposite is in the given parent cell. If at least one of incoming or outgoing is true, then loops are ignored, if both are false, then all edges connected to the given cell are returned including loops.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1353onMouseOver="ShowTip(event, 'tt231', 'link1353')"onMouseOut="HideTip('tt231')">mxCell</a> whose edges should be returned.</td></tr><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription>Optional parent of the opposite end for an edge to be returned.</td></tr><tr><tdclass=CDLEntry>incoming</td><tdclass=CDLDescription>Optional boolean that specifies if incoming edges should be included in the result. Default is true.</td></tr><tr><tdclass=CDLEntry>outgoing</td><tdclass=CDLDescription>Optional boolean that specifies if outgoing edges should be included in the result. Default is true.</td></tr><tr><tdclass=CDLEntry>includeLoops</td><tdclass=CDLDescription>Optional boolean that specifies if loops should be included in the result. Default is true.</td></tr><tr><tdclass=CDLEntry>recurse</td><tdclass=CDLDescription>Optional boolean the specifies if the parent specified only need be an ancestral parent, true, or the direct parent, false. Default is false</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isValidAncestor"></a>isValidAncestor</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isValidAncestor = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>recurse</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns whether or not the specified parent is a valid ancestor of the specified cell, either direct or indirectly based on whether ancestor recursion is enabled.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1354onMouseOver="ShowTip(event, 'tt231', 'link1354')"onMouseOut="HideTip('tt231')">mxCell</a> the possible child cell</td></tr><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1355onMouseOver="ShowTip(event, 'tt231', 'link1355')"onMouseOut="HideTip('tt231')">mxCell</a> the possible parent cell</td></tr><tr><tdclass=CDLEntry>recurse</td><tdclass=CDLDescription>boolean whether or not to recurse the child ancestors</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getOpposites"></a>getOpposites</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getOpposites = function(</td><tdclass=PParameternowrap>edges,</td></tr><tr><td></td><tdclass=PParameternowrap>terminal,</td></tr><tr><td></td><tdclass=PParameternowrap>sources,</td></tr><tr><td></td><tdclass=PParameternowrap>targets</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns all distinct visible opposite cells for the specified terminal on the given edges.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>edges</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1356onMouseOver="ShowTip(event, 'tt231', 'link1356')"onMouseOut="HideTip('tt231')">mxCells</a> that contains the edges whose opposite terminals should be returned.</td></tr><tr><tdclass=CDLEntry>terminal</td><tdclass=CDLDescription>Terminal that specifies the end whose opposite should be returned.</td></tr><tr><tdclass=CDLEntry>source</td><tdclass=CDLDescription>Optional boolean that specifies if source terminals should be included in the result. Default is true.</td></tr><tr><tdclass=CDLEntry>targets</td><tdclass=CDLDescription>Optional boolean that specifies if targer terminals should be included in the result. Default is true.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getEdgesBetween"></a>getEdgesBetween</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getEdgesBetween = function(</td><tdclass=PParameternowrap>source,</td></tr><tr><td></td><tdclass=PParameternowrap>target,</td></tr><tr><td></td><tdclass=PParameternowrap>directed</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the edges between the given source and target. This takes into account collapsed and invisible cells and returns the connected edges as displayed on the screen.</p><h4class=CHeading>Parameters</h4><p>source - target - directed -</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getPointForEvent"></a>getPointForEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getPointForEvent = function(</td><tdclass=PParameternowrap>evt,</td></tr><tr><td></td><tdclass=PParameternowrap>addOffset</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns an <ahref="../util/mxPoint-js.html#mxPoint"class=LClassid=link1357onMouseOver="ShowTip(event, 'tt275', 'link1357')"onMouseOut="HideTip('tt275')">mxPoint</a> representing the given event in the unscaled, non-translated coordinate space of <container> and applies the grid.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Mousevent that contains the mouse pointer location.</td></tr><tr><tdclass=CDLEntry>addOffset</td><tdclass=CDLDescription>Optional boolean that specifies if the position should be offset by half of the <ahref="#mxGraph.gridSize"class=LVariableid=link1358onMouseOver="ShowTip(event, 'tt56', 'link1358')"onMouseOut="HideTip('tt56')">gridSize</a>. Default is true.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getCells"></a>getCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getCells = function(</td><tdclass=PParameternowrap>x,</td></tr><tr><td></td><tdclass=PParameternowrap>y,</td></tr><tr><td></td><tdclass=PParameternowrap>width,</td></tr><tr><td></td><tdclass=PParameternowrap>height,</td></tr><tr><td></td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>result</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the children of the given parent that are contained in the given rectangle (x, y, width, height). The result is added to the optional result array, which is returned from the function. If no result array is specified then a new array is created and returned.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>x</td><tdclass=CDLDescription>X-coordinate of the rectangle.</td></tr><tr><tdclass=CDLEntry>y</td><tdclass=CDLDescription>Y-coordinate of the rectangle.</td></tr><tr><tdclass=CDLEntry>width</td><tdclass=CDLDescription>Width of the rectangle.</td></tr><tr><tdclass=CDLEntry>height</td><tdclass=CDLDescription>Height of the rectangle.</td></tr><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1359onMouseOver="ShowTip(event, 'tt231', 'link1359')"onMouseOut="HideTip('tt231')">mxCell</a> whose children should be checked. Default is <ahref="#mxGraph.defaultParent"class=LVariableid=link1360onMouseOver="ShowTip(event, 'tt73', 'link1360')"onMouseOut="HideTip('tt73')">defaultParent</a>.</td></tr><tr><tdclass=CDLEntry>result</td><tdclass=CDLDescription>Optional array to store the result in.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getCellsBeyond"></a>getCellsBeyond</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.getCellsBeyond = function(</td><tdclass=PParameternowrap>x0,</td></tr><tr><td></td><tdclass=PParameternowrap>y0,</td></tr><tr><td></td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>rightHalfpane,</td></tr><tr><td></td><tdclass=PParameternowrap>bottomHalfpane</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the children of the given parent that are contained in the halfpane from the given point (x0, y0) rightwards and/or downwards depending on rightHalfpane and bottomHalfpane.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>x0</td><tdclass=CDLDescription>X-coordinate of the origin.</td></tr><tr><tdclass=CDLEntry>y0</td><tdclass=CDLDescription>Y-coordinate of the origin.</td></tr><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1361onMouseOver="ShowTip(event, 'tt231', 'link1361')"onMouseOut="HideTip('tt231')">mxCell</a> whose children should be checked. Default is <ahref="#mxGraph.defaultParent"class=LVariableid=link1362onMouseOver="ShowTip(event, 'tt73', 'link1362')"onMouseOut="HideTip('tt73')">defaultParent</a>.</td></tr><tr><tdclass=CDLEntry>rightHalfpane</td><tdclass=CDLDescription>Boolean indicating if the cells in the right halfpane from the origin should be returned.</td></tr><tr><tdclass=CDLEntry>bottomHalfpane</td><tdclass=CDLDescription>Boolean indicating if the cells in the bottom halfpane from the origin should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.findTreeRoots"></a>findTreeRoots</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.findTreeRoots = function(</td><tdclass=PParameternowrap>parent,</td></tr><tr><td></td><tdclass=PParameternowrap>isolate,</td></tr><tr><td></td><tdclass=PParameternowrap>invert</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns all children in the given parent which do not have incoming edges. If the result is empty then the with the greatest difference between incoming and outgoing edges is returned.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1363onMouseOver="ShowTip(event, 'tt231', 'link1363')"onMouseOut="HideTip('tt231')">mxCell</a> whose children should be checked.</td></tr><tr><tdclass=CDLEntry>isolate</td><tdclass=CDLDescription>Optional boolean that specifies if edges should be ignored if the opposite end is not a child of the given parent cell. Default is false.</td></tr><tr><tdclass=CDLEntry>invert</td><tdclass=CDLDescription>Optional boolean that specifies if outgoing or incoming edges should be counted for a tree root. If false then outgoing edges will be counted. Default is false.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.traverse"></a>traverse</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.traverse = function(</td><tdclass=PParameternowrap>vertex,</td></tr><tr><td></td><tdclass=PParameternowrap>directed,</td></tr><tr><td></td><tdclass=PParameternowrap>func,</td></tr><tr><td></td><tdclass=PParameternowrap>edge,</td></tr><tr><td></td><tdclass=PParameternowrap>visited</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Traverses the (directed) graph invoking the given function for each visited vertex and edge. The function is invoked with the current vertex and the incoming edge as a parameter. This implementation makes sure each vertex is only visited once. The function may return false if the traversal should stop at the given vertex.</p><h4class=CHeading>Example</h4><blockquote><preclass="prettyprint">mxLog.show();
});</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>vertex</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1364onMouseOver="ShowTip(event, 'tt231', 'link1364')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the vertex where the traversal starts.</td></tr><tr><tdclass=CDLEntry>directed</td><tdclass=CDLDescription>Optional boolean indicating if edges should only be traversed from source to target. Default is true.</td></tr><tr><tdclass=CDLEntry>func</td><tdclass=CDLDescription>Visitor function that takes the current vertex and the incoming edge as arguments. The traversal stops if the function returns false.</td></tr><tr><tdclass=CDLEntry>edge</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1365onMouseOver="ShowTip(event, 'tt231', 'link1365')"onMouseOut="HideTip('tt231')">mxCell</a> that represents the incoming edge. This is null for the first step of the traversal.</td></tr><tr><tdclass=CDLEntry>visited</td><tdclass=CDLDescription>Optional array of cell paths for the visited cells.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isCellSelected"></a>isCellSelected</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isCellSelected = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given cell is selected.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1366onMouseOver="ShowTip(event, 'tt231', 'link1366')"onMouseOut="HideTip('tt231')">mxCell</a> for which the selection state should be returned.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isSelectionEmpty"></a>isSelectionEmpty</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.isSelectionEmpty = function()</td></tr></table></blockquote><p>Returns true if the selection is empty.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.clearSelection"></a>clearSelection</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.clearSelection = function()</td></tr></table></blockquote><p>Clears the selection using <ahref="mxGraphSelectionModel-js.html#mxGraphSelectionModel.clear"class=LFunctionid=link1367onMouseOver="ShowTip(event, 'tt448', 'link1367')"onMouseOut="HideTip('tt448')">mxGraphSelectionModel.clear</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getSelectionCount"></a>getSelectionCount</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.getSelectionCount = function()</td></tr></table></blockquote><p>Returns the number of selected cells.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getSelectionCell"></a>getSelectionCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.getSelectionCell = function()</td></tr></table></blockquote><p>Returns the first cell from the array of selected <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1368onMouseOver="ShowTip(event, 'tt231', 'link1368')"onMouseOut="HideTip('tt231')">mxCells</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setSelectionCell"></a>setSelectionCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setSelectionCell = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the selection cell.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1370onMouseOver="ShowTip(event, 'tt231', 'link1370')"onMouseOut="HideTip('tt231')">mxCell</a> to be selected.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.setSelectionCells"></a>setSelectionCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.setSelectionCells = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the selection cell.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1371onMouseOver="ShowTip(event, 'tt231', 'link1371')"onMouseOut="HideTip('tt231')">mxCells</a> to be selected.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.addSelectionCell"></a>addSelectionCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.addSelectionCell = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds the given cell to the selection.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1372onMouseOver="ShowTip(event, 'tt231', 'link1372')"onMouseOut="HideTip('tt231')">mxCell</a> to be add to the selection.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.addSelectionCells"></a>addSelectionCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.addSelectionCells = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds the given cells to the selection.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1373onMouseOver="ShowTip(event, 'tt231', 'link1373')"onMouseOut="HideTip('tt231')">mxCells</a> to be added to the selection.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.removeSelectionCell"></a>removeSelectionCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.removeSelectionCell = function(</td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes the given cell from the selection.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1374onMouseOver="ShowTip(event, 'tt231', 'link1374')"onMouseOut="HideTip('tt231')">mxCell</a> to be removed from the selection.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.removeSelectionCells"></a>removeSelectionCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.removeSelectionCells = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes the given cells from the selection.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1375onMouseOver="ShowTip(event, 'tt231', 'link1375')"onMouseOut="HideTip('tt231')">mxCells</a> to be removed from the selection.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.selectRegion"></a>selectRegion</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.selectRegion = function(</td><tdclass=PParameternowrap>rect,</td></tr><tr><td></td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Selects and returns the cells inside the given rectangle for the specified event.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>rect</td><tdclass=CDLDescription><ahref="../util/mxRectangle-js.html#mxRectangle"class=LClassid=link1376onMouseOver="ShowTip(event, 'tt132', 'link1376')"onMouseOut="HideTip('tt132')">mxRectangle</a> that represents the region to be selected.</td></tr><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Mouseevent that triggered the selection.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.selectNextCell"></a>selectNextCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.selectNextCell = function()</td></tr></table></blockquote><p>Selects the next cell.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.selectPreviousCell"></a>selectPreviousCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.selectPreviousCell = function()</td></tr></table></blockquote><p>Selects the previous cell.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.selectParentCell"></a>selectParentCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.selectParentCell = function()</td></tr></table></blockquote><p>Selects the parent cell.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.selectChildCell"></a>selectChildCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.selectChildCell = function()</td></tr></table></blockquote><p>Selects the first child cell.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.selectCell"></a>selectCell</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.selectCell = function(</td><tdclass=PParameternowrap>isNext,</td></tr><tr><td></td><tdclass=PParameternowrap>isParent,</td></tr><tr><td></td><tdclass=PParameternowrap>isChild</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Selects the next, parent, first child or previous cell, if all arguments are false.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>isNext</td><tdclass=CDLDescription>Boolean indicating if the next cell should be selected.</td></tr><tr><tdclass=CDLEntry>isParent</td><tdclass=CDLDescription>Boolean indicating if the parent cell should be selected.</td></tr><tr><tdclass=CDLEntry>isChild</td><tdclass=CDLDescription>Boolean indicating if the first child cell should be selected.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.selectAll"></a>selectAll</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.selectAll = function(</td><tdclass=PParameternowrap>parent</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Selects all children of the given parent cell or the children of the default parent if no parent is specified. To select leaf vertices and/or edges use <ahref="#mxGraph.selectCells"class=LFunctionid=link1377onMouseOver="ShowTip(event, 'tt466', 'link1377')"onMouseOut="HideTip('tt466')">selectCells</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1378onMouseOver="ShowTip(event, 'tt231', 'link1378')"onMouseOut="HideTip('tt231')">mxCell</a> whose children should be selected. Default is <ahref="#mxGraph.defaultParent"class=LVariableid=link1379onMouseOver="ShowTip(event, 'tt73', 'link1379')"onMouseOut="HideTip('tt73')">defaultParent</a>.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.selectVertices"></a>selectVertices</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.selectVertices = function(</td><tdclass=PParameternowrap>parent</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Select all vertices inside the given parent or the default parent.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.selectVertices"></a>selectVertices</h3><divclass=CBody><p>Select all vertices inside the given parent or the default parent.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.selectCells"></a>selectCells</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.selectCells = function(</td><tdclass=PParameternowrap>vertices,</td></tr><tr><td></td><tdclass=PParameternowrap>edges,</td></tr><tr><td></td><tdclass=PParameternowrap>parent</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Selects all vertices and/or edges depending on the given boolean arguments recursively, starting at the given parent or the default parent if no parent is specified. Use <ahref="#mxGraph.selectAll"class=LFunctionid=link1380onMouseOver="ShowTip(event, 'tt464', 'link1380')"onMouseOut="HideTip('tt464')">selectAll</a> to select all cells.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>vertices</td><tdclass=CDLDescription>Boolean indicating if vertices should be selected.</td></tr><tr><tdclass=CDLEntry>edges</td><tdclass=CDLDescription>Boolean indicating if edges should be selected.</td></tr><tr><tdclass=CDLEntry>parent</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1381onMouseOver="ShowTip(event, 'tt231', 'link1381')"onMouseOut="HideTip('tt231')">mxCell</a> that acts as the root of the recursion. Default is <ahref="#mxGraph.defaultParent"class=LVariableid=link1382onMouseOver="ShowTip(event, 'tt73', 'link1382')"onMouseOut="HideTip('tt73')">defaultParent</a>.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.selectCellForEvent"></a>selectCellForEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.selectCellForEvent = function(</td><tdclass=PParameternowrap>cell,</td></tr><tr><td></td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Selects the given cell by either adding it to the selection or replacing the selection depending on whether the given mouse event is a toggle event.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription><ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1383onMouseOver="ShowTip(event, 'tt231', 'link1383')"onMouseOut="HideTip('tt231')">mxCell</a> to be selected.</td></tr><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Optional mouseevent that triggered the selection.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.selectCellsForEvent"></a>selectCellsForEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.selectCellsForEvent = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>evt</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Selects the given cells by either adding them to the selection or replacing the selection depending on whether the given mouse event is a toggle event.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>cells</td><tdclass=CDLDescription>Array of <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1384onMouseOver="ShowTip(event, 'tt231', 'link1384')"onMouseOut="HideTip('tt231')">mxCells</a> to be selected.</td></tr><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Optional mouseevent that triggered the selection.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.createHandler"></a>createHandler</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.createHandler = function(</td><tdclass=PParameternowrap>state</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates a new handler for the given cell state. This implementation returns a new <ahref="../handler/mxEdgeHandler-js.html#mxEdgeHandler"class=LClassid=link1385onMouseOver="ShowTip(event, 'tt552', 'link1385')"onMouseOut="HideTip('tt552')">mxEdgeHandler</a> of the corresponding cell is an edge, otherwise it returns an <ahref="../handler/mxVertexHandler-js.html#mxVertexHandler"class=LClassid=link1386onMouseOver="ShowTip(event, 'tt553', 'link1386')"onMouseOut="HideTip('tt553')">mxVertexHandler</a>.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>state</td><tdclass=CDLDescription><ahref="mxCellState-js.html#mxCellState"class=LClassid=link1387onMouseOver="ShowTip(event, 'tt43', 'link1387')"onMouseOut="HideTip('tt43')">mxCellState</a> whose handler should be created.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.addMouseListener"></a>addMouseListener</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.addMouseListener = function(</td><tdclass=PParameternowrap>listener</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Adds a listener to the graph event dispatch loop. The listener must implement the mouseDown, mouseMove and mouseUp methods as shown in the <ahref="../util/mxMouseEvent-js.html#mxMouseEvent"class=LClassid=link1388onMouseOver="ShowTip(event, 'tt210', 'link1388')"onMouseOut="HideTip('tt210')">mxMouseEvent</a> class.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>listener</td><tdclass=CDLDescription>Listener to be added to the graph event listeners.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.removeMouseListener"></a>removeMouseListener</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.removeMouseListener = function(</td><tdclass=PParameternowrap>listener</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes the specified graph listener.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>listener</td><tdclass=CDLDescription>Listener to be removed from the graph event listeners.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.updateMouseEvent"></a>updateMouseEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.updateMouseEvent = function(</td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the graphX and graphY properties if the given <ahref="../util/mxMouseEvent-js.html#mxMouseEvent"class=LClassid=link1389onMouseOver="ShowTip(event, 'tt210', 'link1389')"onMouseOut="HideTip('tt210')">mxMouseEvent</a> if required and returned the event.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.getStateForEvent"></a>getStateForEvent</h3><divclass=CBody><p>Returns the state for the given touch event.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isEventIgnored"></a>isEventIgnored</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isEventIgnored = function(</td><tdclass=PParameternowrap>evtName,</td></tr><tr><td></td><tdclass=PParameternowrap>me,</td></tr><tr><td></td><tdclass=PParameternowrap>sender</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the event should be ignored in <ahref="#mxGraph.fireMouseEvent"class=LFunctionid=link1390onMouseOver="ShowTip(event, 'tt28', 'link1390')"onMouseOut="HideTip('tt28')">fireMouseEvent</a>.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isSyntheticEventIgnored"></a>isSyntheticEventIgnored</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isSyntheticEventIgnored = function(</td><tdclass=PParameternowrap>evtName,</td></tr><tr><td></td><tdclass=PParameternowrap>me,</td></tr><tr><td></td><tdclass=PParameternowrap>sender</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Hook for ignoring synthetic mouse events after touchend in Firefox.</p></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.isEventSourceIgnored"></a>isEventSourceIgnored</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.isEventSourceIgnored = function(</td><tdclass=PParameternowrap>evtName,</td></tr><tr><td></td><tdclass=PParameternowrap>me</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given mouse down event should be ignored. This returns true for mouse events on select, option, button, anchor and input.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>evtName</td><tdclass=CDLDescription>The name of the event.</td></tr><tr><tdclass=CDLEntry>me</td><tdclass=CDLDescription><ahref="../util/mxMouseEvent-js.html#mxMouseEvent"class=LClassid=link1391onMouseOver="ShowTip(event, 'tt210', 'link1391')"onMouseOut="HideTip('tt210')">mxMouseEvent</a> that should be ignored.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.fireMouseEvent"></a>fireMouseEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.fireMouseEvent = function(</td><tdclass=PParameternowrap>evtName,</td></tr><tr><td></td><tdclass=PParameternowrap>me,</td></tr><tr><td></td><tdclass=PParameternowrap>sender</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Dispatches the given event in the graph event dispatch loop. Possible event names are <ahref="../util/mxEvent-js.html#mxEvent.MOUSE_DOWN"class=LVariableid=link1392onMouseOver="ShowTip(event, 'tt554', 'link1392')"onMouseOut="HideTip('tt554')">mxEvent.MOUSE_DOWN</a>, <ahref="../util/mxEvent-js.html#mxEvent.MOUSE_MOVE"class=LVariableid=link1393onMouseOver="ShowTip(event, 'tt555', 'link1393')"onMouseOut="HideTip('tt555')">mxEvent.MOUSE_MOVE</a> and <ahref="../util/mxEvent-js.html#mxEvent.MOUSE_UP"class=LVariableid=link1394onMouseOver="ShowTip(event, 'tt556', 'link1394')"onMouseOut="HideTip('tt556')">mxEvent.MOUSE_UP</a>. All listeners are invoked for all events regardless of the consumed state of the event.</p><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>evtName</td><tdclass=CDLDescription>String that specifies the type of event to be dispatched.</td></tr><tr><tdclass=CDLEntry>me</td><tdclass=CDLDescription><ahref="../util/mxMouseEvent-js.html#mxMouseEvent"class=LClassid=link1395onMouseOver="ShowTip(event, 'tt210', 'link1395')"onMouseOut="HideTip('tt210')">mxMouseEvent</a> to be fired.</td></tr><tr><tdclass=CDLEntry>sender</td><tdclass=CDLDescription>Optional sender argument. Default is this.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.fireGestureEvent"></a>fireGestureEvent</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.fireGestureEvent = function(</td><tdclass=PParameternowrap>evt,</td></tr><tr><td></td><tdclass=PParameternowrap>cell</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote><p>Dispatches a <ahref="#mxGraph.mxEvent.GESTURE"class=LEventid=link1396onMouseOver="ShowTip(event, 'tt476', 'link1396')"onMouseOut="HideTip('tt476')">mxEvent.GESTURE</a> event. The following example will resize the cell under the mouse based on the scale property of the native touch event.</p><blockquote><preclass="prettyprint">graph.addListener(mxEvent.GESTURE, function(sender, eo)
});</pre></blockquote><h4class=CHeading>Parameters</h4><tableborder=0cellspacing=0cellpadding=0class=CDescriptionList><tr><tdclass=CDLEntry>evt</td><tdclass=CDLDescription>Gestureend event that represents the gesture.</td></tr><tr><tdclass=CDLEntry>cell</td><tdclass=CDLDescription>Optional <ahref="../model/mxCell-js.html#mxCell"class=LClassid=link1397onMouseOver="ShowTip(event, 'tt231', 'link1397')"onMouseOut="HideTip('tt231')">mxCell</a> associated with the gesture.</td></tr></table></div></div></div>
<divclass="CFunction"><divclass=CTopic><h3class=CTitle><aname="mxGraph.destroy"></a>destroy</h3><divclass=CBody><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td>mxGraph.prototype.destroy = function()</td></tr></table></blockquote><p>Destroys the graph and all its resources.</p></div></div></div>
</div><!--Content-->
<divid=Footer><ahref="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
<divclass=CToolTipid="tt1"><divclass=CClass>Base class for objects that dispatch named events. </div></div><divclass=CToolTipid="tt2"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.alignCells = function(</td><tdclass=PParameternowrap>align,</td></tr><tr><td></td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>param</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Aligns the given cells vertically or horizontally according to the given alignment using the optional parameter as the coordinate.</div></div><divclass=CToolTipid="tt3"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.flipEdge = function(</td><tdclass=PParameternowrap>edge</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Toggles the style of the given edge between null (or empty) and alternateEdgeStyle. </div></div><divclass=CToolTipid="tt4"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.orderCells = function(</td><tdclass=PParameternowrap>back,</td></tr><tr><td></td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Moves the given cells to the front or back. </div></div><divclass=CToolTipid="tt5"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.cellsOrdered = function(</td><tdclass=PParameternowrap>cells,</td></tr><tr><td></td><tdclass=PParameternowrap>back</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Moves the given cells to the front or back. </div></div><divclass=CToolTipid="tt6"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.groupCells = function(</td><tdclass=PParameternowrap>group,</td></tr><tr><td></td><tdclass=PParameternowrap>border,</td></tr><tr><td></td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Adds the cells into the given group. </div></div><divclass=CToolTipid="tt7"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.ungroupCells = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Ungroups the given cells by moving the children the children to their parents parent and removing the empty groups. </div></div><divclass=CToolTipid="tt8"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.removeCellsFromParent = function(</td><tdclass=PParameternowrap>cells</td><tdclass=PAfterParametersnowrap>)</td></tr></table></td></tr></table></blockquote>Removes the specified cells from their parents and adds them to the default parent. </div></div><divclass=CToolTipid="tt9"><divclass=CFunction><blockquote><tableborder=0cellspacing=0cellpadding=0class="Prototype prettyprint"><tr><td><tableborder=0cellspacing=0cellpadding=0><tr><tdclass=PBeforeParametersnowrap>mxGraph.prototype.addCel
