maxGraph/docs/js-api/files/view/mxGraphView-js.html

275 lines
178 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html><head><title>mxGraphView</title><link rel="stylesheet" type="text/css" href="../../styles/main.css"><script language=JavaScript src="../../javascript/main.js"></script><script language=JavaScript src="../../javascript/prettify.js"></script><script language=JavaScript src="../../javascript/searchdata.js"></script></head><body class="ContentPage" onLoad="NDOnLoad();prettyPrint();"><script language=JavaScript><!--
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>
<!-- Generated by Natural Docs, version 1.5 -->
<!-- http://www.naturaldocs.org -->
<!-- saved from url=(0026)http://www.naturaldocs.org -->
<div id=Content><div class="CClass"><div class=CTopic id=MainTopic><h1 class=CTitle><a name="mxGraphView"></a>mxGraphView</h1><div class=CBody><p>Extends <a href="../util/mxEventSource-js.html#mxEventSource" class=LClass id=link141 onMouseOver="ShowTip(event, 'tt1', 'link141')" onMouseOut="HideTip('tt1')">mxEventSource</a> to implement a view for a graph.&nbsp; This class is in charge of computing the absolute coordinates for the relative child geometries, the points for perimeters and edge styles and keeping them cached in <a href="mxCellState-js.html#mxCellState" class=LClass id=link142 onMouseOver="ShowTip(event, 'tt59', 'link142')" onMouseOut="HideTip('tt59')">mxCellStates</a> for faster retrieval.&nbsp; The states are updated whenever the model or the view state (translate, scale) changes.&nbsp; The scale and translate are honoured in the bounds.</p><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SMain"><td class=SEntry><a href="#mxGraphView" >mxGraphView</a></td><td class=SDescription>Extends <a href="../util/mxEventSource-js.html#mxEventSource" class=LClass id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">mxEventSource</a> to implement a view for a graph. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxGraphView.Events" >Events</a></td><td class=SDescription></td></tr><tr class="SEvent SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.mxEvent.UNDO" >mxEvent.UNDO</a></td><td class=SDescription>Fires after the root was changed in <a href="#mxGraphView.setCurrentRoot" class=LFunction id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">setCurrentRoot</a>. </td></tr><tr class="SEvent SIndent2"><td class=SEntry><a href="#mxGraphView.mxEvent.SCALE_AND_TRANSLATE" >mxEvent.<wbr>SCALE_AND_TRANSLATE</a></td><td class=SDescription>Fires after the scale and translate have been changed in <a href="#mxGraphView.scaleAndTranslate" class=LFunction id=link3 onMouseOver="ShowTip(event, 'tt3', 'link3')" onMouseOut="HideTip('tt3')">scaleAndTranslate</a>. </td></tr><tr class="SEvent SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.mxEvent.SCALE" >mxEvent.<wbr>SCALE</a></td><td class=SDescription>Fires after the scale was changed in <a href="#mxGraphView.setScale" class=LFunction id=link4 onMouseOver="ShowTip(event, 'tt4', 'link4')" onMouseOut="HideTip('tt4')">setScale</a>. </td></tr><tr class="SEvent SIndent2"><td class=SEntry><a href="#mxGraphView.mxEvent.TRANSLATE" >mxEvent.<wbr>TRANSLATE</a></td><td class=SDescription>Fires after the translate was changed in <a href="#mxGraphView.setTranslate" class=LFunction id=link5 onMouseOver="ShowTip(event, 'tt5', 'link5')" onMouseOut="HideTip('tt5')">setTranslate</a>. </td></tr><tr class="SEvent SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.mxEvent.DOWN_and_mxEvent.UP" >mxEvent.<wbr>DOWN and mxEvent.UP</a></td><td class=SDescription>Fire if the current root is changed by executing an <a href="#mxCurrentRootChange" class=LClass id=link6 onMouseOver="ShowTip(event, 'tt6', 'link6')" onMouseOut="HideTip('tt6')">mxCurrentRootChange</a>. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxGraphView.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.mxGraphView" id=link7 onMouseOver="ShowTip(event, 'tt7', 'link7')" onMouseOut="HideTip('tt7')">mxGraphView</a></td><td class=SDescription>Constructs a new view for the given <a href="mxGraph-js.html#mxGraph" class=LClass id=link8 onMouseOver="ShowTip(event, 'tt8', 'link8')" onMouseOut="HideTip('tt8')">mxGraph</a>.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxGraphView.Variables" >Variables</a></td><td class=SDescription></td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.doneResource" id=link9 onMouseOver="ShowTip(event, 'tt9', 'link9')" onMouseOut="HideTip('tt9')">doneResource</a></td><td class=SDescription>Specifies the resource key for the status message after a long operation. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxGraphView.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updatingDocumentResource" >updatingDocumentResource</a></td><td class=SDescription>Specifies the resource key for the status message while the document is being updated. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxGraphView.Variables" >Variables</a></td><td class=SDescription></td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.allowEval" id=link10 onMouseOver="ShowTip(event, 'tt10', 'link10')" onMouseOut="HideTip('tt10')">allowEval</a></td><td class=SDescription>Specifies if string values in cell styles should be evaluated using <a href="../util/mxUtils-js.html#mxUtils.eval" class=LFunction id=link11 onMouseOver="ShowTip(event, 'tt11', 'link11')" onMouseOut="HideTip('tt11')">mxUtils.eval</a>. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxGraphView.captureDocumentGesture" id=link12 onMouseOver="ShowTip(event, 'tt12', 'link12')" onMouseOut="HideTip('tt12')">captureDocumentGesture</a></td><td class=SDescription>Specifies if a gesture should be captured when it goes outside of the graph container. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.optimizeVmlReflows" id=link13 onMouseOver="ShowTip(event, 'tt13', 'link13')" onMouseOut="HideTip('tt13')">optimizeVmlReflows</a></td><td class=SDescription>Specifies if the &lt;canvas&gt; should be hidden while rendering in IE8 standards mode and quirks mode. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxGraphView.rendering" id=link14 onMouseOver="ShowTip(event, 'tt14', 'link14')" onMouseOut="HideTip('tt14')">rendering</a></td><td class=SDescription>Specifies if shapes should be created, updated and destroyed using the methods of <a href="mxCellRenderer-js.html#mxCellRenderer" class=LClass id=link15 onMouseOver="ShowTip(event, 'tt15', 'link15')" onMouseOut="HideTip('tt15')">mxCellRenderer</a> in <a href="#mxGraphView.graph" class=LVariable id=link16 onMouseOver="ShowTip(event, 'tt16', 'link16')" onMouseOut="HideTip('tt16')">graph</a>. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.graph" id=link17 onMouseOver="ShowTip(event, 'tt16', 'link17')" onMouseOut="HideTip('tt16')">graph</a></td><td class=SDescription>Reference to the enclosing <a href="mxGraph-js.html#mxGraph" class=LClass id=link18 onMouseOver="ShowTip(event, 'tt8', 'link18')" onMouseOut="HideTip('tt8')">mxGraph</a>.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxGraphView.currentRoot" id=link19 onMouseOver="ShowTip(event, 'tt17', 'link19')" onMouseOut="HideTip('tt17')">currentRoot</a></td><td class=SDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link20 onMouseOver="ShowTip(event, 'tt18', 'link20')" onMouseOut="HideTip('tt18')">mxCell</a> that acts as the root of the displayed cell hierarchy.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.graphBounds" id=link21 onMouseOver="ShowTip(event, 'tt19', 'link21')" onMouseOut="HideTip('tt19')">graphBounds</a></td><td class=SDescription><a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link22 onMouseOver="ShowTip(event, 'tt20', 'link22')" onMouseOut="HideTip('tt20')">mxRectangle</a> that caches the scales, translated bounds of the current view.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxGraphView.scale" id=link23 onMouseOver="ShowTip(event, 'tt21', 'link23')" onMouseOut="HideTip('tt21')">scale</a></td><td class=SDescription>Specifies the scale. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.translate" id=link24 onMouseOver="ShowTip(event, 'tt22', 'link24')" onMouseOut="HideTip('tt22')">translate</a></td><td class=SDescription><a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link25 onMouseOver="ShowTip(event, 'tt23', 'link25')" onMouseOut="HideTip('tt23')">mxPoint</a> that specifies the current translation. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxGraphView.updateStyle" id=link26 onMouseOver="ShowTip(event, 'tt24', 'link26')" onMouseOut="HideTip('tt24')">updateStyle</a></td><td class=SDescription>Specifies if the style should be updated in each validation step. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.lastNode" id=link27 onMouseOver="ShowTip(event, 'tt25', 'link27')" onMouseOut="HideTip('tt25')">lastNode</a></td><td class=SDescription>During validation, this contains the last DOM node that was processed.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxGraphView.lastHtmlNode" id=link28 onMouseOver="ShowTip(event, 'tt26', 'link28')" onMouseOut="HideTip('tt26')">lastHtmlNode</a></td><td class=SDescription>During validation, this contains the last HTML DOM node that was processed.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.lastEdgeNode" id=link29 onMouseOver="ShowTip(event, 'tt27', 'link29')" onMouseOut="HideTip('tt27')">lastEdgeNode</a></td><td class=SDescription>During validation, this contains the last edge&rsquo;s DOM node that was processed.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxGraphView.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getGraphBounds" id=link30 onMouseOver="ShowTip(event, 'tt28', 'link30')" onMouseOut="HideTip('tt28')">getGraphBounds</a></td><td class=SDescription>Returns <a href="#mxGraphView.graphBounds" class=LVariable id=link31 onMouseOver="ShowTip(event, 'tt19', 'link31')" onMouseOut="HideTip('tt19')">graphBounds</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setGraphBounds" id=link32 onMouseOver="ShowTip(event, 'tt29', 'link32')" onMouseOut="HideTip('tt29')">setGraphBounds</a></td><td class=SDescription>Sets <a href="#mxGraphView.graphBounds" class=LVariable id=link33 onMouseOver="ShowTip(event, 'tt19', 'link33')" onMouseOut="HideTip('tt19')">graphBounds</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getBounds" id=link34 onMouseOver="ShowTip(event, 'tt30', 'link34')" onMouseOut="HideTip('tt30')">getBounds</a></td><td class=SDescription>Returns the bounds (on the screen) for the given array of <a href="../model/mxCell-js.html#mxCell" class=LClass id=link35 onMouseOver="ShowTip(event, 'tt18', 'link35')" onMouseOut="HideTip('tt18')">mxCells</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setCurrentRoot" id=link36 onMouseOver="ShowTip(event, 'tt2', 'link36')" onMouseOut="HideTip('tt2')">setCurrentRoot</a></td><td class=SDescription>Sets and returns the current root and fires an &lt;undo&gt; event before calling <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link37 onMouseOver="ShowTip(event, 'tt31', 'link37')" onMouseOut="HideTip('tt31')">mxGraph.sizeDidChange</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.scaleAndTranslate" id=link38 onMouseOver="ShowTip(event, 'tt3', 'link38')" onMouseOut="HideTip('tt3')">scaleAndTranslate</a></td><td class=SDescription>Sets the scale and translation and fires a <a href="#mxGraphView.scale" class=LVariable id=link39 onMouseOver="ShowTip(event, 'tt21', 'link39')" onMouseOut="HideTip('tt21')">scale</a> and <a href="#mxGraphView.translate" class=LVariable id=link40 onMouseOver="ShowTip(event, 'tt22', 'link40')" onMouseOut="HideTip('tt22')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link41 onMouseOver="ShowTip(event, 'tt32', 'link41')" onMouseOut="HideTip('tt32')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link42 onMouseOver="ShowTip(event, 'tt31', 'link42')" onMouseOut="HideTip('tt31')">mxGraph.sizeDidChange</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getScale" id=link43 onMouseOver="ShowTip(event, 'tt33', 'link43')" onMouseOut="HideTip('tt33')">getScale</a></td><td class=SDescription>Returns the <a href="#mxGraphView.scale" class=LVariable id=link44 onMouseOver="ShowTip(event, 'tt21', 'link44')" onMouseOut="HideTip('tt21')">scale</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.setScale" id=link45 onMouseOver="ShowTip(event, 'tt4', 'link45')" onMouseOut="HideTip('tt4')">setScale</a></td><td class=SDescription>Sets the scale and fires a <a href="#mxGraphView.scale" class=LVariable id=link46 onMouseOver="ShowTip(event, 'tt21', 'link46')" onMouseOut="HideTip('tt21')">scale</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link47 onMouseOver="ShowTip(event, 'tt32', 'link47')" onMouseOut="HideTip('tt32')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link48 onMouseOver="ShowTip(event, 'tt31', 'link48')" onMouseOut="HideTip('tt31')">mxGraph.sizeDidChange</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getTranslate" id=link49 onMouseOver="ShowTip(event, 'tt34', 'link49')" onMouseOut="HideTip('tt34')">getTranslate</a></td><td class=SDescription>Returns the <a href="#mxGraphView.translate" class=LVariable id=link50 onMouseOver="ShowTip(event, 'tt22', 'link50')" onMouseOut="HideTip('tt22')">translate</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.setTranslate" id=link51 onMouseOver="ShowTip(event, 'tt5', 'link51')" onMouseOut="HideTip('tt5')">setTranslate</a></td><td class=SDescription>Sets the translation and fires a <a href="#mxGraphView.translate" class=LVariable id=link52 onMouseOver="ShowTip(event, 'tt22', 'link52')" onMouseOut="HideTip('tt22')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link53 onMouseOver="ShowTip(event, 'tt32', 'link53')" onMouseOut="HideTip('tt32')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link54 onMouseOver="ShowTip(event, 'tt31', 'link54')" onMouseOut="HideTip('tt31')">mxGraph.sizeDidChange</a>. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.refresh" id=link55 onMouseOver="ShowTip(event, 'tt35', 'link55')" onMouseOut="HideTip('tt35')">refresh</a></td><td class=SDescription>Clears the view if <a href="#mxGraphView.currentRoot" class=LVariable id=link56 onMouseOver="ShowTip(event, 'tt17', 'link56')" onMouseOut="HideTip('tt17')">currentRoot</a> is not null and revalidates.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.revalidate" id=link57 onMouseOver="ShowTip(event, 'tt32', 'link57')" onMouseOut="HideTip('tt32')">revalidate</a></td><td class=SDescription>Revalidates the complete view with all cell states.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.clear" id=link58 onMouseOver="ShowTip(event, 'tt36', 'link58')" onMouseOut="HideTip('tt36')">clear</a></td><td class=SDescription>Removes the state of the given cell and all descendants if the given cell is not the current root.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.invalidate" id=link59 onMouseOver="ShowTip(event, 'tt37', 'link59')" onMouseOut="HideTip('tt37')">invalidate</a></td><td class=SDescription>Invalidates the state of the given cell, all its descendants and connected edges.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.resetValidationState" id=link60 onMouseOver="ShowTip(event, 'tt38', 'link60')" onMouseOut="HideTip('tt38')">resetValidationState</a></td><td class=SDescription>Resets the current validation state.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.validate" id=link61 onMouseOver="ShowTip(event, 'tt39', 'link61')" onMouseOut="HideTip('tt39')">validate</a></td><td class=SDescription>First validates all bounds and then validates all points recursively on all visible cells starting at the given cell. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.createBackgroundPageShape" id=link62 onMouseOver="ShowTip(event, 'tt40', 'link62')" onMouseOut="HideTip('tt40')">createBackgroundPageShape</a></td><td class=SDescription>Creates and returns the shape used as the background page.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.validateBackground" id=link63 onMouseOver="ShowTip(event, 'tt41', 'link63')" onMouseOut="HideTip('tt41')">validateBackground</a></td><td class=SDescription>Calls <a href="#mxGraphView.validateBackgroundImage" class=LFunction id=link64 onMouseOver="ShowTip(event, 'tt42', 'link64')" onMouseOut="HideTip('tt42')">validateBackgroundImage</a> and <a href="#mxGraphView.validateBackgroundPage" class=LFunction id=link65 onMouseOver="ShowTip(event, 'tt43', 'link65')" onMouseOut="HideTip('tt43')">validateBackgroundPage</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.validateBackgroundImage" id=link66 onMouseOver="ShowTip(event, 'tt42', 'link66')" onMouseOut="HideTip('tt42')">validateBackgroundImage</a></td><td class=SDescription>Validates the background image.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.validateBackgroundPage" id=link67 onMouseOver="ShowTip(event, 'tt43', 'link67')" onMouseOut="HideTip('tt43')">validateBackgroundPage</a></td><td class=SDescription>Validates the background page.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getBackgroundPageBounds" id=link68 onMouseOver="ShowTip(event, 'tt44', 'link68')" onMouseOut="HideTip('tt44')">getBackgroundPageBounds</a></td><td class=SDescription>Returns the bounds for the background page.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.redrawBackgroundImage" id=link69 onMouseOver="ShowTip(event, 'tt45', 'link69')" onMouseOut="HideTip('tt45')">redrawBackgroundImage</a></td><td class=SDescription>Updates the bounds and redraws the background image.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.validateBounds" id=link70 onMouseOver="ShowTip(event, 'tt46', 'link70')" onMouseOut="HideTip('tt46')">validateBounds</a></td><td class=SDescription>Validates the bounds of the given parent&rsquo;s child using the given parent state as the origin for the child. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateVertexLabelOffset" id=link71 onMouseOver="ShowTip(event, 'tt47', 'link71')" onMouseOut="HideTip('tt47')">updateVertexLabelOffset</a></td><td class=SDescription>Updates the absoluteOffset of the given vertex cell state. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.validatePoints" id=link72 onMouseOver="ShowTip(event, 'tt48', 'link72')" onMouseOut="HideTip('tt48')">validatePoints</a></td><td class=SDescription>Validates the points for the state of the given cell recursively if the cell is not collapsed and returns the bounding box of all visited states as an <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link73 onMouseOver="ShowTip(event, 'tt20', 'link73')" onMouseOut="HideTip('tt20')">mxRectangle</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.stateValidated" id=link74 onMouseOver="ShowTip(event, 'tt49', 'link74')" onMouseOut="HideTip('tt49')">stateValidated</a></td><td class=SDescription>Invoked when a state has been processed in <a href="#mxGraphView.validatePoints" class=LFunction id=link75 onMouseOver="ShowTip(event, 'tt48', 'link75')" onMouseOut="HideTip('tt48')">validatePoints</a>. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.childMoved" id=link76 onMouseOver="ShowTip(event, 'tt50', 'link76')" onMouseOut="HideTip('tt50')">childMoved</a></td><td class=SDescription>Invoked when a child state was moved as a result of late evaluation of its position. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateFixedTerminalPoints" id=link77 onMouseOver="ShowTip(event, 'tt51', 'link77')" onMouseOut="HideTip('tt51')">updateFixedTerminalPoints</a></td><td class=SDescription>Sets the initial absolute terminal points in the given state before the edge style is computed.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updateFixedTerminalPoint" id=link78 onMouseOver="ShowTip(event, 'tt52', 'link78')" onMouseOut="HideTip('tt52')">updateFixedTerminalPoint</a></td><td class=SDescription>Sets the fixed source or target terminal point on the given edge.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updatePoints" id=link79 onMouseOver="ShowTip(event, 'tt53', 'link79')" onMouseOut="HideTip('tt53')">updatePoints</a></td><td class=SDescription>Updates the absolute points in the given state using the specified array of <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link80 onMouseOver="ShowTip(event, 'tt23', 'link80')" onMouseOut="HideTip('tt23')">mxPoints</a> as the relative points.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.transformControlPoint" id=link81 onMouseOver="ShowTip(event, 'tt54', 'link81')" onMouseOut="HideTip('tt54')">transformControlPoint</a></td><td class=SDescription>Transforms the given control point to an absolute point.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getEdgeStyle" id=link82 onMouseOver="ShowTip(event, 'tt55', 'link82')" onMouseOut="HideTip('tt55')">getEdgeStyle</a></td><td class=SDescription>Returns the edge style function to be used to render the given edge state.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updateFloatingTerminalPoints" id=link83 onMouseOver="ShowTip(event, 'tt56', 'link83')" onMouseOut="HideTip('tt56')">updateFloatingTerminalPoints</a></td><td class=SDescription>Updates the terminal points in the given state after the edge style was computed for the edge.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateFloatingTerminalPoint" id=link84 onMouseOver="ShowTip(event, 'tt57', 'link84')" onMouseOut="HideTip('tt57')">updateFloatingTerminalPoint</a></td><td class=SDescription>Updates the absolute terminal point in the given state for the given start and end state, where start is the source if source is true.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getTerminalPort" id=link85 onMouseOver="ShowTip(event, 'tt58', 'link85')" onMouseOut="HideTip('tt58')">getTerminalPort</a></td><td class=SDescription>Returns an <a href="mxCellState-js.html#mxCellState" class=LClass id=link86 onMouseOver="ShowTip(event, 'tt59', 'link86')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the source or target terminal or port for the given edge.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getPerimeterPoint" id=link87 onMouseOver="ShowTip(event, 'tt60', 'link87')" onMouseOut="HideTip('tt60')">getPerimeterPoint</a></td><td class=SDescription>Returns an <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link88 onMouseOver="ShowTip(event, 'tt23', 'link88')" onMouseOut="HideTip('tt23')">mxPoint</a> that defines the location of the intersection point between the perimeter and the line between the center of the shape and the given point.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getRoutingCenterX" id=link89 onMouseOver="ShowTip(event, 'tt61', 'link89')" onMouseOut="HideTip('tt61')">getRoutingCenterX</a></td><td class=SDescription>Returns the x-coordinate of the center point for automatic routing.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getRoutingCenterY" id=link90 onMouseOver="ShowTip(event, 'tt62', 'link90')" onMouseOut="HideTip('tt62')">getRoutingCenterY</a></td><td class=SDescription>Returns the y-coordinate of the center point for automatic routing.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getPerimeterBounds" id=link91 onMouseOver="ShowTip(event, 'tt63', 'link91')" onMouseOut="HideTip('tt63')">getPerimeterBounds</a></td><td class=SDescription>Returns the perimeter bounds for the given terminal, edge pair as an <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link92 onMouseOver="ShowTip(event, 'tt20', 'link92')" onMouseOut="HideTip('tt20')">mxRectangle</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getPerimeterFunction" id=link93 onMouseOver="ShowTip(event, 'tt64', 'link93')" onMouseOut="HideTip('tt64')">getPerimeterFunction</a></td><td class=SDescription>Returns the perimeter function for the given state.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getNextPoint" id=link94 onMouseOver="ShowTip(event, 'tt65', 'link94')" onMouseOut="HideTip('tt65')">getNextPoint</a></td><td class=SDescription>Returns the nearest point in the list of absolute points or the center of the opposite terminal.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getVisibleTerminal" id=link95 onMouseOver="ShowTip(event, 'tt66', 'link95')" onMouseOut="HideTip('tt66')">getVisibleTerminal</a></td><td class=SDescription>Returns the nearest ancestor terminal that is visible. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updateEdgeBounds" id=link96 onMouseOver="ShowTip(event, 'tt67', 'link96')" onMouseOut="HideTip('tt67')">updateEdgeBounds</a></td><td class=SDescription>Updates the given state using the bounding box of t he absolute points. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getPoint" id=link97 onMouseOver="ShowTip(event, 'tt68', 'link97')" onMouseOut="HideTip('tt68')">getPoint</a></td><td class=SDescription>Returns the absolute point on the edge for the given relative <a href="../model/mxGeometry-js.html#mxGeometry" class=LClass id=link98 onMouseOver="ShowTip(event, 'tt69', 'link98')" onMouseOut="HideTip('tt69')">mxGeometry</a> as an <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link99 onMouseOver="ShowTip(event, 'tt23', 'link99')" onMouseOut="HideTip('tt23')">mxPoint</a>. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getRelativePoint" id=link100 onMouseOver="ShowTip(event, 'tt70', 'link100')" onMouseOut="HideTip('tt70')">getRelativePoint</a></td><td class=SDescription>Gets the relative point that describes the given, absolute label position for the given edge state.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateEdgeLabelOffset" id=link101 onMouseOver="ShowTip(event, 'tt71', 'link101')" onMouseOut="HideTip('tt71')">updateEdgeLabelOffset</a></td><td class=SDescription>Updates <a href="mxCellState-js.html#mxCellState.absoluteOffset" class=LVariable id=link102 onMouseOver="ShowTip(event, 'tt72', 'link102')" onMouseOut="HideTip('tt72')">mxCellState.absoluteOffset</a> for the given state. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getState" id=link103 onMouseOver="ShowTip(event, 'tt73', 'link103')" onMouseOut="HideTip('tt73')">getState</a></td><td class=SDescription>Returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link104 onMouseOver="ShowTip(event, 'tt59', 'link104')" onMouseOut="HideTip('tt59')">mxCellState</a> for the given cell. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.isRendering" id=link105 onMouseOver="ShowTip(event, 'tt74', 'link105')" onMouseOut="HideTip('tt74')">isRendering</a></td><td class=SDescription>Returns <a href="#mxGraphView.rendering" class=LVariable id=link106 onMouseOver="ShowTip(event, 'tt14', 'link106')" onMouseOut="HideTip('tt14')">rendering</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setRendering" id=link107 onMouseOver="ShowTip(event, 'tt75', 'link107')" onMouseOut="HideTip('tt75')">setRendering</a></td><td class=SDescription>Sets <a href="#mxGraphView.rendering" class=LVariable id=link108 onMouseOver="ShowTip(event, 'tt14', 'link108')" onMouseOut="HideTip('tt14')">rendering</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.isAllowEval" id=link109 onMouseOver="ShowTip(event, 'tt76', 'link109')" onMouseOut="HideTip('tt76')">isAllowEval</a></td><td class=SDescription>Returns <a href="#mxGraphView.allowEval" class=LVariable id=link110 onMouseOver="ShowTip(event, 'tt10', 'link110')" onMouseOut="HideTip('tt10')">allowEval</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setAllowEval" id=link111 onMouseOver="ShowTip(event, 'tt77', 'link111')" onMouseOut="HideTip('tt77')">setAllowEval</a></td><td class=SDescription>Sets <a href="#mxGraphView.allowEval" class=LVariable id=link112 onMouseOver="ShowTip(event, 'tt10', 'link112')" onMouseOut="HideTip('tt10')">allowEval</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getStates" id=link113 onMouseOver="ShowTip(event, 'tt78', 'link113')" onMouseOut="HideTip('tt78')">getStates</a></td><td class=SDescription>Returns &lt;states&gt;.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setStates" id=link114 onMouseOver="ShowTip(event, 'tt79', 'link114')" onMouseOut="HideTip('tt79')">setStates</a></td><td class=SDescription>Sets &lt;states&gt;.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getCellStates" id=link115 onMouseOver="ShowTip(event, 'tt80', 'link115')" onMouseOut="HideTip('tt80')">getCellStates</a></td><td class=SDescription>Returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link116 onMouseOver="ShowTip(event, 'tt59', 'link116')" onMouseOut="HideTip('tt59')">mxCellStates</a> for the given array of <a href="../model/mxCell-js.html#mxCell" class=LClass id=link117 onMouseOver="ShowTip(event, 'tt18', 'link117')" onMouseOut="HideTip('tt18')">mxCells</a>. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.removeState" id=link118 onMouseOver="ShowTip(event, 'tt81', 'link118')" onMouseOut="HideTip('tt81')">removeState</a></td><td class=SDescription>Removes and returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link119 onMouseOver="ShowTip(event, 'tt59', 'link119')" onMouseOut="HideTip('tt59')">mxCellState</a> for the given cell.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.createState" id=link120 onMouseOver="ShowTip(event, 'tt82', 'link120')" onMouseOut="HideTip('tt82')">createState</a></td><td class=SDescription>Creates and returns an <a href="mxCellState-js.html#mxCellState" class=LClass id=link121 onMouseOver="ShowTip(event, 'tt59', 'link121')" onMouseOut="HideTip('tt59')">mxCellState</a> for the given cell and initializes it using &lt;mxCellRenderer.initialize&gt;.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getCanvas" id=link122 onMouseOver="ShowTip(event, 'tt83', 'link122')" onMouseOut="HideTip('tt83')">getCanvas</a></td><td class=SDescription>Returns the DOM node that contains the background-, draw- and overlaypane.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getBackgroundPane" id=link123 onMouseOver="ShowTip(event, 'tt84', 'link123')" onMouseOut="HideTip('tt84')">getBackgroundPane</a></td><td class=SDescription>Returns the DOM node that represents the background layer.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getDrawPane" id=link124 onMouseOver="ShowTip(event, 'tt85', 'link124')" onMouseOut="HideTip('tt85')">getDrawPane</a></td><td class=SDescription>Returns the DOM node that represents the main drawing layer.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getOverlayPane" id=link125 onMouseOver="ShowTip(event, 'tt86', 'link125')" onMouseOut="HideTip('tt86')">getOverlayPane</a></td><td class=SDescription>Returns the DOM node that represents the topmost drawing layer.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.isContainerEvent" id=link126 onMouseOver="ShowTip(event, 'tt87', 'link126')" onMouseOut="HideTip('tt87')">isContainerEvent</a></td><td class=SDescription>Returns true if the event origin is one of the drawing panes or containers of the view.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.isScrollEvent" id=link127 onMouseOver="ShowTip(event, 'tt88', 'link127')" onMouseOut="HideTip('tt88')">isScrollEvent</a></td><td class=SDescription>Returns true if the event origin is one of the scrollbars of the container in IE. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.init" id=link128 onMouseOver="ShowTip(event, 'tt89', 'link128')" onMouseOut="HideTip('tt89')">init</a></td><td class=SDescription>Initializes the graph event dispatch loop for the specified container and invokes <a href="#mxGraphView.create" class=LFunction id=link129 onMouseOver="ShowTip(event, 'tt90', 'link129')" onMouseOut="HideTip('tt90')">create</a> to create the required DOM nodes for the display.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.installListeners" id=link130 onMouseOver="ShowTip(event, 'tt91', 'link130')" onMouseOut="HideTip('tt91')">installListeners</a></td><td class=SDescription>Installs the required listeners in the container.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.create" id=link131 onMouseOver="ShowTip(event, 'tt90', 'link131')" onMouseOut="HideTip('tt90')">create</a></td><td class=SDescription>Creates the DOM nodes for the HTML display.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateHtmlCanvasSize" id=link132 onMouseOver="ShowTip(event, 'tt92', 'link132')" onMouseOut="HideTip('tt92')">updateHtmlCanvasSize</a></td><td class=SDescription>Updates the size of the HTML canvas.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.createHtmlPane" id=link133 onMouseOver="ShowTip(event, 'tt93', 'link133')" onMouseOut="HideTip('tt93')">createHtmlPane</a></td><td class=SDescription>Creates and returns a drawing pane in HTML (DIV).</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.create" id=link134 onMouseOver="ShowTip(event, 'tt90', 'link134')" onMouseOut="HideTip('tt90')">create</a></td><td class=SDescription>Creates the DOM nodes for the VML display.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.createVmlPane" id=link135 onMouseOver="ShowTip(event, 'tt94', 'link135')" onMouseOut="HideTip('tt94')">createVmlPane</a></td><td class=SDescription>Creates a drawing pane in VML (group).</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.create" id=link136 onMouseOver="ShowTip(event, 'tt90', 'link136')" onMouseOut="HideTip('tt90')">create</a></td><td class=SDescription>Creates and returns the DOM nodes for the SVG display.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updateContainerStyle" id=link137 onMouseOver="ShowTip(event, 'tt95', 'link137')" onMouseOut="HideTip('tt95')">updateContainerStyle</a></td><td class=SDescription>Updates the style of the container after installing the SVG DOM elements.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.destroy" id=link138 onMouseOver="ShowTip(event, 'tt96', 'link138')" onMouseOut="HideTip('tt96')">destroy</a></td><td class=SDescription>Destroys the view and all its resources.</td></tr><tr class="SClass"><td class=SEntry><a href="#mxCurrentRootChange" >mxCurrentRootChange</a></td><td class=SDescription>Action to change the current root in a view.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxCurrentRootChange.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxCurrentRootChange.mxCurrentRootChange" id=link139 onMouseOver="ShowTip(event, 'tt97', 'link139')" onMouseOut="HideTip('tt97')">mxCurrentRootChange</a></td><td class=SDescription>Constructs a change of the current root in the given view.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxCurrentRootChange.execute" id=link140 onMouseOver="ShowTip(event, 'tt98', 'link140')" onMouseOut="HideTip('tt98')">execute</a></td><td class=SDescription>Changes the current root of the view.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.Events"></a>Events</h3></div></div>
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.mxEvent.UNDO"></a>mxEvent.UNDO</h3><div class=CBody><p>Fires after the root was changed in <a href="#mxGraphView.setCurrentRoot" class=LFunction id=link143 onMouseOver="ShowTip(event, 'tt2', 'link143')" onMouseOut="HideTip('tt2')">setCurrentRoot</a>.&nbsp; The &lt;code&gt;edit&lt;/code&gt; property contains the <a href="../util/mxUndoableEdit-js.html#mxUndoableEdit" class=LClass id=link144 onMouseOver="ShowTip(event, 'tt99', 'link144')" onMouseOut="HideTip('tt99')">mxUndoableEdit</a> which contains the <a href="#mxCurrentRootChange" class=LClass id=link145 onMouseOver="ShowTip(event, 'tt6', 'link145')" onMouseOut="HideTip('tt6')">mxCurrentRootChange</a>.</p></div></div></div>
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.mxEvent.SCALE_AND_TRANSLATE"></a>mxEvent.<wbr>SCALE_AND_TRANSLATE</h3><div class=CBody><p>Fires after the scale and translate have been changed in <a href="#mxGraphView.scaleAndTranslate" class=LFunction id=link146 onMouseOver="ShowTip(event, 'tt3', 'link146')" onMouseOut="HideTip('tt3')">scaleAndTranslate</a>.&nbsp; The &lt;code&gt;scale&lt;/code&gt;, &lt;code&gt;previousScale&lt;/code&gt;, &lt;code&gt;translate&lt;/code&gt; and &lt;code&gt;previousTranslate&lt;/code&gt; properties contain the new and previous scale and translate, respectively.</p></div></div></div>
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.mxEvent.SCALE"></a>mxEvent.<wbr>SCALE</h3><div class=CBody><p>Fires after the scale was changed in <a href="#mxGraphView.setScale" class=LFunction id=link147 onMouseOver="ShowTip(event, 'tt4', 'link147')" onMouseOut="HideTip('tt4')">setScale</a>.&nbsp; The &lt;code&gt;scale&lt;/code&gt; and &lt;code&gt;previousScale&lt;/code&gt; properties contain the new and previous scale.</p></div></div></div>
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.mxEvent.TRANSLATE"></a>mxEvent.<wbr>TRANSLATE</h3><div class=CBody><p>Fires after the translate was changed in <a href="#mxGraphView.setTranslate" class=LFunction id=link148 onMouseOver="ShowTip(event, 'tt5', 'link148')" onMouseOut="HideTip('tt5')">setTranslate</a>.&nbsp; The &lt;code&gt;translate&lt;/code&gt; and &lt;code&gt;previousTranslate&lt;/code&gt; properties contain the new and previous value for translate.</p></div></div></div>
<div class="CEvent"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.mxEvent.DOWN_and_mxEvent.UP"></a>mxEvent.<wbr>DOWN and mxEvent.UP</h3><div class=CBody><p>Fire if the current root is changed by executing an <a href="#mxCurrentRootChange" class=LClass id=link149 onMouseOver="ShowTip(event, 'tt6', 'link149')" onMouseOut="HideTip('tt6')">mxCurrentRootChange</a>.&nbsp; The event name depends on the location of the root in the cell hierarchy with respect to the current root.&nbsp; The &lt;code&gt;root&lt;/code&gt; and &lt;code&gt;previous&lt;/code&gt; properties contain the new and previous root, respectively.</p></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.Functions"></a>Functions</h3></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.mxGraphView"></a>mxGraphView</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function mxGraphView(</td><td class=PParameter nowrap>graph</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new view for the given <a href="mxGraph-js.html#mxGraph" class=LClass id=link150 onMouseOver="ShowTip(event, 'tt8', 'link150')" onMouseOut="HideTip('tt8')">mxGraph</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>graph</td><td class=CDLDescription>Reference to the enclosing <a href="mxGraph-js.html#mxGraph" class=LClass id=link151 onMouseOver="ShowTip(event, 'tt8', 'link151')" onMouseOut="HideTip('tt8')">mxGraph</a>.</td></tr></table></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.Variables"></a>Variables</h3></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.doneResource"></a>doneResource</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.doneResource</td></tr></table></blockquote><p>Specifies the resource key for the status message after a long operation.&nbsp; If the resource for this key does not exist then the value is used as the status message.&nbsp; Default is &lsquo;done&rsquo;.</p></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.Functions"></a>Functions</h3></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updatingDocumentResource"></a>updatingDocumentResource</h3><div class=CBody><p>Specifies the resource key for the status message while the document is being updated.&nbsp; If the resource for this key does not exist then the value is used as the status message.&nbsp; Default is &lsquo;updatingDocument&rsquo;.</p></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.Variables"></a>Variables</h3></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.allowEval"></a>allowEval</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.allowEval</td></tr></table></blockquote><p>Specifies if string values in cell styles should be evaluated using <a href="../util/mxUtils-js.html#mxUtils.eval" class=LFunction id=link152 onMouseOver="ShowTip(event, 'tt11', 'link152')" onMouseOut="HideTip('tt11')">mxUtils.eval</a>.&nbsp; This will only be used if the string values can&rsquo;t be mapped to objects using <a href="mxStyleRegistry-js.html#mxStyleRegistry" class=LClass id=link153 onMouseOver="ShowTip(event, 'tt100', 'link153')" onMouseOut="HideTip('tt100')">mxStyleRegistry</a>.&nbsp; Default is false.&nbsp; NOTE: Enabling this switch carries a possible security risk (see the section on security in the manual).</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.captureDocumentGesture"></a>captureDocumentGesture</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.captureDocumentGesture</td></tr></table></blockquote><p>Specifies if a gesture should be captured when it goes outside of the graph container.&nbsp; Default is true.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.optimizeVmlReflows"></a>optimizeVmlReflows</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.optimizeVmlReflows</td></tr></table></blockquote><p>Specifies if the &lt;canvas&gt; should be hidden while rendering in IE8 standards mode and quirks mode.&nbsp; This will significantly improve rendering performance.&nbsp; Default is true.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.rendering"></a>rendering</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.rendering</td></tr></table></blockquote><p>Specifies if shapes should be created, updated and destroyed using the methods of <a href="mxCellRenderer-js.html#mxCellRenderer" class=LClass id=link154 onMouseOver="ShowTip(event, 'tt15', 'link154')" onMouseOut="HideTip('tt15')">mxCellRenderer</a> in <a href="#mxGraphView.graph" class=LVariable id=link155 onMouseOver="ShowTip(event, 'tt16', 'link155')" onMouseOut="HideTip('tt16')">graph</a>.&nbsp; Default is true.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.graph"></a>graph</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.graph</td></tr></table></blockquote><p>Reference to the enclosing <a href="mxGraph-js.html#mxGraph" class=LClass id=link156 onMouseOver="ShowTip(event, 'tt8', 'link156')" onMouseOut="HideTip('tt8')">mxGraph</a>.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.currentRoot"></a>currentRoot</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.currentRoot</td></tr></table></blockquote><p><a href="../model/mxCell-js.html#mxCell" class=LClass id=link157 onMouseOver="ShowTip(event, 'tt18', 'link157')" onMouseOut="HideTip('tt18')">mxCell</a> that acts as the root of the displayed cell hierarchy.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.graphBounds"></a>graphBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.graphBounds</td></tr></table></blockquote><p><a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link158 onMouseOver="ShowTip(event, 'tt20', 'link158')" onMouseOut="HideTip('tt20')">mxRectangle</a> that caches the scales, translated bounds of the current view.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.scale"></a>scale</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.scale</td></tr></table></blockquote><p>Specifies the scale.&nbsp; Default is 1 (100%).</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.translate"></a>translate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.translate</td></tr></table></blockquote><p><a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link159 onMouseOver="ShowTip(event, 'tt23', 'link159')" onMouseOut="HideTip('tt23')">mxPoint</a> that specifies the current translation.&nbsp; Default is a new empty <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link160 onMouseOver="ShowTip(event, 'tt23', 'link160')" onMouseOut="HideTip('tt23')">mxPoint</a>.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateStyle"></a>updateStyle</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.updateStyle</td></tr></table></blockquote><p>Specifies if the style should be updated in each validation step.&nbsp; If this is false then the style is only updated if the state is created or if the style of the cell was changed.&nbsp; Default is false.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.lastNode"></a>lastNode</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.lastNode</td></tr></table></blockquote><p>During validation, this contains the last DOM node that was processed.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.lastHtmlNode"></a>lastHtmlNode</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.lastHtmlNode</td></tr></table></blockquote><p>During validation, this contains the last HTML DOM node that was processed.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.lastEdgeNode"></a>lastEdgeNode</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.lastEdgeNode</td></tr></table></blockquote><p>During validation, this contains the last edge&rsquo;s DOM node that was processed.</p></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.Functions"></a>Functions</h3></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getGraphBounds"></a>getGraphBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getGraphBounds = function()</td></tr></table></blockquote><p>Returns <a href="#mxGraphView.graphBounds" class=LVariable id=link161 onMouseOver="ShowTip(event, 'tt19', 'link161')" onMouseOut="HideTip('tt19')">graphBounds</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.setGraphBounds"></a>setGraphBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setGraphBounds = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <a href="#mxGraphView.graphBounds" class=LVariable id=link162 onMouseOver="ShowTip(event, 'tt19', 'link162')" onMouseOut="HideTip('tt19')">graphBounds</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getBounds"></a>getBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getBounds = function(</td><td class=PParameter nowrap>cells</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the bounds (on the screen) for the given array of <a href="../model/mxCell-js.html#mxCell" class=LClass id=link163 onMouseOver="ShowTip(event, 'tt18', 'link163')" onMouseOut="HideTip('tt18')">mxCells</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cells</td><td class=CDLDescription>Array of <a href="../model/mxCell-js.html#mxCell" class=LClass id=link164 onMouseOver="ShowTip(event, 'tt18', 'link164')" onMouseOut="HideTip('tt18')">mxCells</a> to return the bounds for.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.setCurrentRoot"></a>setCurrentRoot</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setCurrentRoot = function(</td><td class=PParameter nowrap>root</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets and returns the current root and fires an &lt;undo&gt; event before calling <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link165 onMouseOver="ShowTip(event, 'tt31', 'link165')" onMouseOut="HideTip('tt31')">mxGraph.sizeDidChange</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>root</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link166 onMouseOver="ShowTip(event, 'tt18', 'link166')" onMouseOut="HideTip('tt18')">mxCell</a> that specifies the root of the displayed cell hierarchy.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.scaleAndTranslate"></a>scaleAndTranslate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.scaleAndTranslate = function(</td><td class=PParameter nowrap>scale,</td></tr><tr><td></td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the scale and translation and fires a <a href="#mxGraphView.scale" class=LVariable id=link167 onMouseOver="ShowTip(event, 'tt21', 'link167')" onMouseOut="HideTip('tt21')">scale</a> and <a href="#mxGraphView.translate" class=LVariable id=link168 onMouseOver="ShowTip(event, 'tt22', 'link168')" onMouseOut="HideTip('tt22')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link169 onMouseOver="ShowTip(event, 'tt32', 'link169')" onMouseOut="HideTip('tt32')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link170 onMouseOver="ShowTip(event, 'tt31', 'link170')" onMouseOut="HideTip('tt31')">mxGraph.sizeDidChange</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>scale</td><td class=CDLDescription>Decimal value that specifies the new scale (1 is 100%).</td></tr><tr><td class=CDLEntry>dx</td><td class=CDLDescription>X-coordinate of the translation.</td></tr><tr><td class=CDLEntry>dy</td><td class=CDLDescription>Y-coordinate of the translation.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getScale"></a>getScale</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getScale = function()</td></tr></table></blockquote><p>Returns the <a href="#mxGraphView.scale" class=LVariable id=link171 onMouseOver="ShowTip(event, 'tt21', 'link171')" onMouseOut="HideTip('tt21')">scale</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.setScale"></a>setScale</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setScale = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the scale and fires a <a href="#mxGraphView.scale" class=LVariable id=link172 onMouseOver="ShowTip(event, 'tt21', 'link172')" onMouseOut="HideTip('tt21')">scale</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link173 onMouseOver="ShowTip(event, 'tt32', 'link173')" onMouseOut="HideTip('tt32')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link174 onMouseOver="ShowTip(event, 'tt31', 'link174')" onMouseOut="HideTip('tt31')">mxGraph.sizeDidChange</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>value</td><td class=CDLDescription>Decimal value that specifies the new scale (1 is 100%).</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getTranslate"></a>getTranslate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getTranslate = function()</td></tr></table></blockquote><p>Returns the <a href="#mxGraphView.translate" class=LVariable id=link175 onMouseOver="ShowTip(event, 'tt22', 'link175')" onMouseOut="HideTip('tt22')">translate</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.setTranslate"></a>setTranslate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setTranslate = function(</td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the translation and fires a <a href="#mxGraphView.translate" class=LVariable id=link176 onMouseOver="ShowTip(event, 'tt22', 'link176')" onMouseOut="HideTip('tt22')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link177 onMouseOver="ShowTip(event, 'tt32', 'link177')" onMouseOut="HideTip('tt32')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link178 onMouseOver="ShowTip(event, 'tt31', 'link178')" onMouseOut="HideTip('tt31')">mxGraph.sizeDidChange</a>.&nbsp; The translation is the negative of the origin.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>dx</td><td class=CDLDescription>X-coordinate of the translation.</td></tr><tr><td class=CDLEntry>dy</td><td class=CDLDescription>Y-coordinate of the translation.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.refresh"></a>refresh</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.refresh = function()</td></tr></table></blockquote><p>Clears the view if <a href="#mxGraphView.currentRoot" class=LVariable id=link179 onMouseOver="ShowTip(event, 'tt17', 'link179')" onMouseOut="HideTip('tt17')">currentRoot</a> is not null and revalidates.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.revalidate"></a>revalidate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.revalidate = function()</td></tr></table></blockquote><p>Revalidates the complete view with all cell states.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.clear"></a>clear</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.clear = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>force,</td></tr><tr><td></td><td class=PParameter nowrap>recurse</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes the state of the given cell and all descendants if the given cell is not the current root.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cell</td><td class=CDLDescription>Optional <a href="../model/mxCell-js.html#mxCell" class=LClass id=link180 onMouseOver="ShowTip(event, 'tt18', 'link180')" onMouseOut="HideTip('tt18')">mxCell</a> for which the state should be removed.&nbsp; Default is the root of the model.</td></tr><tr><td class=CDLEntry>force</td><td class=CDLDescription>Boolean indicating if the current root should be ignored for recursion.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.invalidate"></a>invalidate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.invalidate = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>recurse,</td></tr><tr><td></td><td class=PParameter nowrap>includeEdges</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Invalidates the state of the given cell, all its descendants and connected edges.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cell</td><td class=CDLDescription>Optional <a href="../model/mxCell-js.html#mxCell" class=LClass id=link181 onMouseOver="ShowTip(event, 'tt18', 'link181')" onMouseOut="HideTip('tt18')">mxCell</a> to be invalidated.&nbsp; Default is the root of the model.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.resetValidationState"></a>resetValidationState</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.resetValidationState = function()</td></tr></table></blockquote><p>Resets the current validation state.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.validate"></a>validate</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validate = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>First validates all bounds and then validates all points recursively on all visible cells starting at the given cell.&nbsp; Finally the background is validated using <a href="#mxGraphView.validateBackground" class=LFunction id=link182 onMouseOver="ShowTip(event, 'tt41', 'link182')" onMouseOut="HideTip('tt41')">validateBackground</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cell</td><td class=CDLDescription>Optional <a href="../model/mxCell-js.html#mxCell" class=LClass id=link183 onMouseOver="ShowTip(event, 'tt18', 'link183')" onMouseOut="HideTip('tt18')">mxCell</a> to be used as the root of the validation.&nbsp; Default is <a href="#mxGraphView.currentRoot" class=LVariable id=link184 onMouseOver="ShowTip(event, 'tt17', 'link184')" onMouseOut="HideTip('tt17')">currentRoot</a> or the root of the model.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.createBackgroundPageShape"></a>createBackgroundPageShape</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createBackgroundPageShape = function(</td><td class=PParameter nowrap>bounds</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates and returns the shape used as the background page.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>bounds</td><td class=CDLDescription><a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link185 onMouseOver="ShowTip(event, 'tt20', 'link185')" onMouseOut="HideTip('tt20')">mxRectangle</a> that represents the bounds of the shape.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.validateBackground"></a>validateBackground</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.validateBackground = function()</td></tr></table></blockquote><p>Calls <a href="#mxGraphView.validateBackgroundImage" class=LFunction id=link186 onMouseOver="ShowTip(event, 'tt42', 'link186')" onMouseOut="HideTip('tt42')">validateBackgroundImage</a> and <a href="#mxGraphView.validateBackgroundPage" class=LFunction id=link187 onMouseOver="ShowTip(event, 'tt43', 'link187')" onMouseOut="HideTip('tt43')">validateBackgroundPage</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.validateBackgroundImage"></a>validateBackgroundImage</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.validateBackgroundImage = function()</td></tr></table></blockquote><p>Validates the background image.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.validateBackgroundPage"></a>validateBackgroundPage</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.validateBackgroundPage = function()</td></tr></table></blockquote><p>Validates the background page.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getBackgroundPageBounds"></a>getBackgroundPageBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getBackgroundPageBounds = function()</td></tr></table></blockquote><p>Returns the bounds for the background page.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.redrawBackgroundImage"></a>redrawBackgroundImage</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.redrawBackgroundImage = function(</td><td class=PParameter nowrap>backgroundImage,</td></tr><tr><td></td><td class=PParameter nowrap>bg</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the bounds and redraws the background image.</p><h4 class=CHeading>Example</h4><p>If the background image should not be scaled, this can be replaced with the following.</p><blockquote><pre class="prettyprint">mxGraphView.prototype.redrawBackground = function(backgroundImage, bg)
{
backgroundImage.bounds.x = this.translate.x;
backgroundImage.bounds.y = this.translate.y;
backgroundImage.bounds.width = bg.width;
backgroundImage.bounds.height = bg.height;
backgroundImage.redraw();
};</pre></blockquote><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>backgroundImage</td><td class=CDLDescription><a href="../shape/mxImageShape-js.html#mxImageShape" class=LClass id=link188 onMouseOver="ShowTip(event, 'tt101', 'link188')" onMouseOut="HideTip('tt101')">mxImageShape</a> that represents the background image.</td></tr><tr><td class=CDLEntry>bg</td><td class=CDLDescription><a href="../util/mxImage-js.html#mxImage" class=LClass id=link189 onMouseOver="ShowTip(event, 'tt102', 'link189')" onMouseOut="HideTip('tt102')">mxImage</a> that specifies the image and its dimensions.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.validateBounds"></a>validateBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validateBounds = function(</td><td class=PParameter nowrap>parentState,</td></tr><tr><td></td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Validates the bounds of the given parent&rsquo;s child using the given parent state as the origin for the child.&nbsp; The validation is carried out recursively for all non-collapsed descendants.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>parentState</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link190 onMouseOver="ShowTip(event, 'tt59', 'link190')" onMouseOut="HideTip('tt59')">mxCellState</a> for the given parent.</td></tr><tr><td class=CDLEntry>cell</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link191 onMouseOver="ShowTip(event, 'tt18', 'link191')" onMouseOut="HideTip('tt18')">mxCell</a> for which the bounds in the state should be updated.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateVertexLabelOffset"></a>updateVertexLabelOffset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateVertexLabelOffset = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the absoluteOffset of the given vertex cell state.&nbsp; This takes into account the label position styles.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link192 onMouseOver="ShowTip(event, 'tt59', 'link192')" onMouseOut="HideTip('tt59')">mxCellState</a> whose absolute offset should be updated.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.validatePoints"></a>validatePoints</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validatePoints = function(</td><td class=PParameter nowrap>parentState,</td></tr><tr><td></td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Validates the points for the state of the given cell recursively if the cell is not collapsed and returns the bounding box of all visited states as an <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link193 onMouseOver="ShowTip(event, 'tt20', 'link193')" onMouseOut="HideTip('tt20')">mxRectangle</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>parentState</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link194 onMouseOver="ShowTip(event, 'tt59', 'link194')" onMouseOut="HideTip('tt59')">mxCellState</a> for the parent cell.</td></tr><tr><td class=CDLEntry>cell</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link195 onMouseOver="ShowTip(event, 'tt18', 'link195')" onMouseOut="HideTip('tt18')">mxCell</a> whose points in the state should be updated.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.stateValidated"></a>stateValidated</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.stateValidated = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Invoked when a state has been processed in <a href="#mxGraphView.validatePoints" class=LFunction id=link196 onMouseOver="ShowTip(event, 'tt48', 'link196')" onMouseOut="HideTip('tt48')">validatePoints</a>.&nbsp; This is used to update the order of the DOM nodes of the shape.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link197 onMouseOver="ShowTip(event, 'tt59', 'link197')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the cell state.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.childMoved"></a>childMoved</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.childMoved = function(</td><td class=PParameter nowrap>parent,</td></tr><tr><td></td><td class=PParameter nowrap>child</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Invoked when a child state was moved as a result of late evaluation of its position.&nbsp; This is invoked for relative edge children whose position can only be determined after the points of the parent edge are updated in validatePoints, and validates the bounds of all descendants of the child using validateBounds.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>parent</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link198 onMouseOver="ShowTip(event, 'tt59', 'link198')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the parent state.</td></tr><tr><td class=CDLEntry>child</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link199 onMouseOver="ShowTip(event, 'tt59', 'link199')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the child state.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateFixedTerminalPoints"></a>updateFixedTerminalPoints</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFixedTerminalPoints = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the initial absolute terminal points in the given state before the edge style is computed.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>edge</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link200 onMouseOver="ShowTip(event, 'tt59', 'link200')" onMouseOut="HideTip('tt59')">mxCellState</a> whose initial terminal points should be updated.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link201 onMouseOver="ShowTip(event, 'tt59', 'link201')" onMouseOut="HideTip('tt59')">mxCellState</a> which represents the source terminal.</td></tr><tr><td class=CDLEntry>target</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link202 onMouseOver="ShowTip(event, 'tt59', 'link202')" onMouseOut="HideTip('tt59')">mxCellState</a> which represents the target terminal.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateFixedTerminalPoint"></a>updateFixedTerminalPoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFixedTerminalPoint = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>constraint</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the fixed source or target terminal point on the given edge.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>edge</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link203 onMouseOver="ShowTip(event, 'tt59', 'link203')" onMouseOut="HideTip('tt59')">mxCellState</a> whose terminal point should be updated.</td></tr><tr><td class=CDLEntry>terminal</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link204 onMouseOver="ShowTip(event, 'tt59', 'link204')" onMouseOut="HideTip('tt59')">mxCellState</a> which represents the actual terminal.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription>Boolean that specifies if the terminal is the source.</td></tr><tr><td class=CDLEntry>constraint</td><td class=CDLDescription><a href="mxConnectionConstraint-js.html#mxConnectionConstraint" class=LClass id=link205 onMouseOver="ShowTip(event, 'tt103', 'link205')" onMouseOut="HideTip('tt103')">mxConnectionConstraint</a> that specifies the connection.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updatePoints"></a>updatePoints</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updatePoints = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>points,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the absolute points in the given state using the specified array of <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link206 onMouseOver="ShowTip(event, 'tt23', 'link206')" onMouseOut="HideTip('tt23')">mxPoints</a> as the relative points.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>edge</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link207 onMouseOver="ShowTip(event, 'tt59', 'link207')" onMouseOut="HideTip('tt59')">mxCellState</a> whose absolute points should be updated.</td></tr><tr><td class=CDLEntry>points</td><td class=CDLDescription>Array of <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link208 onMouseOver="ShowTip(event, 'tt23', 'link208')" onMouseOut="HideTip('tt23')">mxPoints</a> that constitute the relative points.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link209 onMouseOver="ShowTip(event, 'tt59', 'link209')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the source terminal.</td></tr><tr><td class=CDLEntry>target</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link210 onMouseOver="ShowTip(event, 'tt59', 'link210')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the target terminal.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.transformControlPoint"></a>transformControlPoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.transformControlPoint = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>pt</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Transforms the given control point to an absolute point.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getEdgeStyle"></a>getEdgeStyle</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getEdgeStyle = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>points,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the edge style function to be used to render the given edge state.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateFloatingTerminalPoints"></a>updateFloatingTerminalPoints</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFloatingTerminalPoints = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the terminal points in the given state after the edge style was computed for the edge.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link211 onMouseOver="ShowTip(event, 'tt59', 'link211')" onMouseOut="HideTip('tt59')">mxCellState</a> whose terminal points should be updated.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link212 onMouseOver="ShowTip(event, 'tt59', 'link212')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the source terminal.</td></tr><tr><td class=CDLEntry>target</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link213 onMouseOver="ShowTip(event, 'tt59', 'link213')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the target terminal.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateFloatingTerminalPoint"></a>updateFloatingTerminalPoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFloatingTerminalPoint = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>start,</td></tr><tr><td></td><td class=PParameter nowrap>end,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the absolute terminal point in the given state for the given start and end state, where start is the source if source is true.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>edge</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link214 onMouseOver="ShowTip(event, 'tt59', 'link214')" onMouseOut="HideTip('tt59')">mxCellState</a> whose terminal point should be updated.</td></tr><tr><td class=CDLEntry>start</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link215 onMouseOver="ShowTip(event, 'tt59', 'link215')" onMouseOut="HideTip('tt59')">mxCellState</a> for the terminal on &ldquo;this&rdquo; side of the edge.</td></tr><tr><td class=CDLEntry>end</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link216 onMouseOver="ShowTip(event, 'tt59', 'link216')" onMouseOut="HideTip('tt59')">mxCellState</a> for the terminal on the other side of the edge.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription>Boolean indicating if start is the source terminal state.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getTerminalPort"></a>getTerminalPort</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getTerminalPort = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns an <a href="mxCellState-js.html#mxCellState" class=LClass id=link217 onMouseOver="ShowTip(event, 'tt59', 'link217')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the source or target terminal or port for the given edge.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link218 onMouseOver="ShowTip(event, 'tt59', 'link218')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the state of the edge.</td></tr><tr><td class=CDLEntry>terminal</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link219 onMouseOver="ShowTip(event, 'tt59', 'link219')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the terminal.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription>Boolean indicating if the given terminal is the source terminal.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getPerimeterPoint"></a>getPerimeterPoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPerimeterPoint = function(</td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>next,</td></tr><tr><td></td><td class=PParameter nowrap>orthogonal,</td></tr><tr><td></td><td class=PParameter nowrap>border</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns an <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link220 onMouseOver="ShowTip(event, 'tt23', 'link220')" onMouseOut="HideTip('tt23')">mxPoint</a> that defines the location of the intersection point between the perimeter and the line between the center of the shape and the given point.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>terminal</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link221 onMouseOver="ShowTip(event, 'tt59', 'link221')" onMouseOut="HideTip('tt59')">mxCellState</a> for the source or target terminal.</td></tr><tr><td class=CDLEntry>next</td><td class=CDLDescription><a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link222 onMouseOver="ShowTip(event, 'tt23', 'link222')" onMouseOut="HideTip('tt23')">mxPoint</a> that lies outside of the given terminal.</td></tr><tr><td class=CDLEntry>orthogonal</td><td class=CDLDescription>Boolean that specifies if the orthogonal projection onto the perimeter should be returned.&nbsp; If this is false then the intersection of the perimeter and the line between the next and the center point is returned.</td></tr><tr><td class=CDLEntry>border</td><td class=CDLDescription>Optional border between the perimeter and the shape.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getRoutingCenterX"></a>getRoutingCenterX</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getRoutingCenterX = function (</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the x-coordinate of the center point for automatic routing.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getRoutingCenterY"></a>getRoutingCenterY</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getRoutingCenterY = function (</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the y-coordinate of the center point for automatic routing.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getPerimeterBounds"></a>getPerimeterBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPerimeterBounds = function(</td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>border</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the perimeter bounds for the given terminal, edge pair as an <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link223 onMouseOver="ShowTip(event, 'tt20', 'link223')" onMouseOut="HideTip('tt20')">mxRectangle</a>.</p><p>If you have a model where each terminal has a relative child that should act as the graphical endpoint for a connection from/to the terminal, then this method can be replaced as follows:</p><blockquote><pre class="prettyprint">var oldGetPerimeterBounds = mxGraphView.prototype.getPerimeterBounds;
mxGraphView.prototype.getPerimeterBounds = function(terminal, edge, isSource)
{
var model = this.graph.getModel();
var childCount = model.getChildCount(terminal.cell);
if (childCount &gt; 0)
{
var child = model.getChildAt(terminal.cell, 0);
var geo = model.getGeometry(child);
if (geo != null &amp;&amp;
geo.relative)
{
var state = this.getState(child);
if (state != null)
{
terminal = state;
}
}
}
return oldGetPerimeterBounds.apply(this, arguments);
};</pre></blockquote><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>terminal</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link224 onMouseOver="ShowTip(event, 'tt59', 'link224')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the terminal.</td></tr><tr><td class=CDLEntry>border</td><td class=CDLDescription>Number that adds a border between the shape and the perimeter.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getPerimeterFunction"></a>getPerimeterFunction</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPerimeterFunction = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the perimeter function for the given state.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getNextPoint"></a>getNextPoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getNextPoint = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>opposite,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</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><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>edge</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link225 onMouseOver="ShowTip(event, 'tt59', 'link225')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the edge.</td></tr><tr><td class=CDLEntry>opposite</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link226 onMouseOver="ShowTip(event, 'tt59', 'link226')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the opposite terminal.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription>Boolean indicating if the next point for the source or target should be returned.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getVisibleTerminal"></a>getVisibleTerminal</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getVisibleTerminal = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the nearest ancestor terminal that is visible.&nbsp; The edge appears to be connected to this terminal on the display.&nbsp; The result of this method is cached in <a href="mxCellState-js.html#mxCellState.getVisibleTerminalState" class=LFunction id=link227 onMouseOver="ShowTip(event, 'tt104', 'link227')" onMouseOut="HideTip('tt104')">mxCellState.getVisibleTerminalState</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>edge</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link228 onMouseOver="ShowTip(event, 'tt18', 'link228')" onMouseOut="HideTip('tt18')">mxCell</a> whose visible terminal should be returned.</td></tr><tr><td class=CDLEntry>source</td><td class=CDLDescription>Boolean that specifies if the source or target terminal should be returned.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateEdgeBounds"></a>updateEdgeBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateEdgeBounds = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the given state using the bounding box of t he absolute points.&nbsp; Also updates <a href="mxCellState-js.html#mxCellState.terminalDistance" class=LVariable id=link229 onMouseOver="ShowTip(event, 'tt105', 'link229')" onMouseOut="HideTip('tt105')">mxCellState.terminalDistance</a>, <a href="mxCellState-js.html#mxCellState.length" class=LVariable id=link230 onMouseOver="ShowTip(event, 'tt106', 'link230')" onMouseOut="HideTip('tt106')">mxCellState.length</a> and <a href="mxCellState-js.html#mxCellState.segments" class=LVariable id=link231 onMouseOver="ShowTip(event, 'tt107', 'link231')" onMouseOut="HideTip('tt107')">mxCellState.segments</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link232 onMouseOver="ShowTip(event, 'tt59', 'link232')" onMouseOut="HideTip('tt59')">mxCellState</a> whose bounds should be updated.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getPoint"></a>getPoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPoint = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>geometry</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the absolute point on the edge for the given relative <a href="../model/mxGeometry-js.html#mxGeometry" class=LClass id=link233 onMouseOver="ShowTip(event, 'tt69', 'link233')" onMouseOut="HideTip('tt69')">mxGeometry</a> as an <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link234 onMouseOver="ShowTip(event, 'tt23', 'link234')" onMouseOut="HideTip('tt23')">mxPoint</a>.&nbsp; The edge is represented by the given <a href="mxCellState-js.html#mxCellState" class=LClass id=link235 onMouseOver="ShowTip(event, 'tt59', 'link235')" onMouseOut="HideTip('tt59')">mxCellState</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link236 onMouseOver="ShowTip(event, 'tt59', 'link236')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the state of the parent edge.</td></tr><tr><td class=CDLEntry>geometry</td><td class=CDLDescription><a href="../model/mxGeometry-js.html#mxGeometry" class=LClass id=link237 onMouseOver="ShowTip(event, 'tt69', 'link237')" onMouseOut="HideTip('tt69')">mxGeometry</a> that represents the relative location.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getRelativePoint"></a>getRelativePoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getRelativePoint = function(</td><td class=PParameter nowrap>edgeState,</td></tr><tr><td></td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Gets the relative point that describes the given, absolute label position for the given edge state.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link238 onMouseOver="ShowTip(event, 'tt59', 'link238')" onMouseOut="HideTip('tt59')">mxCellState</a> that represents the state of the parent edge.</td></tr><tr><td class=CDLEntry>x</td><td class=CDLDescription>Specifies the x-coordinate of the absolute label location.</td></tr><tr><td class=CDLEntry>y</td><td class=CDLDescription>Specifies the y-coordinate of the absolute label location.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateEdgeLabelOffset"></a>updateEdgeLabelOffset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateEdgeLabelOffset = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates <a href="mxCellState-js.html#mxCellState.absoluteOffset" class=LVariable id=link239 onMouseOver="ShowTip(event, 'tt72', 'link239')" onMouseOut="HideTip('tt72')">mxCellState.absoluteOffset</a> for the given state.&nbsp; The absolute offset is normally used for the position of the edge label.&nbsp; Is is calculated from the geometry as an absolute offset from the center between the two endpoints if the geometry is absolute, or as the relative distance between the center along the line and the absolute orthogonal distance if the geometry is relative.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link240 onMouseOver="ShowTip(event, 'tt59', 'link240')" onMouseOut="HideTip('tt59')">mxCellState</a> whose absolute offset should be updated.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getState"></a>getState</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getState = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>create</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link241 onMouseOver="ShowTip(event, 'tt59', 'link241')" onMouseOut="HideTip('tt59')">mxCellState</a> for the given cell.&nbsp; If create is true, then the state is created if it does not yet exist.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cell</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link242 onMouseOver="ShowTip(event, 'tt18', 'link242')" onMouseOut="HideTip('tt18')">mxCell</a> for which the <a href="mxCellState-js.html#mxCellState" class=LClass id=link243 onMouseOver="ShowTip(event, 'tt59', 'link243')" onMouseOut="HideTip('tt59')">mxCellState</a> should be returned.</td></tr><tr><td class=CDLEntry>create</td><td class=CDLDescription>Optional boolean indicating if a new state should be created if it does not yet exist.&nbsp; Default is false.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.isRendering"></a>isRendering</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.isRendering = function()</td></tr></table></blockquote><p>Returns <a href="#mxGraphView.rendering" class=LVariable id=link244 onMouseOver="ShowTip(event, 'tt14', 'link244')" onMouseOut="HideTip('tt14')">rendering</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.setRendering"></a>setRendering</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setRendering = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <a href="#mxGraphView.rendering" class=LVariable id=link245 onMouseOver="ShowTip(event, 'tt14', 'link245')" onMouseOut="HideTip('tt14')">rendering</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.isAllowEval"></a>isAllowEval</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.isAllowEval = function()</td></tr></table></blockquote><p>Returns <a href="#mxGraphView.allowEval" class=LVariable id=link246 onMouseOver="ShowTip(event, 'tt10', 'link246')" onMouseOut="HideTip('tt10')">allowEval</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.setAllowEval"></a>setAllowEval</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setAllowEval = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <a href="#mxGraphView.allowEval" class=LVariable id=link247 onMouseOver="ShowTip(event, 'tt10', 'link247')" onMouseOut="HideTip('tt10')">allowEval</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getStates"></a>getStates</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getStates = function()</td></tr></table></blockquote><p>Returns &lt;states&gt;.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.setStates"></a>setStates</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setStates = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets &lt;states&gt;.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getCellStates"></a>getCellStates</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getCellStates = function(</td><td class=PParameter nowrap>cells</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link248 onMouseOver="ShowTip(event, 'tt59', 'link248')" onMouseOut="HideTip('tt59')">mxCellStates</a> for the given array of <a href="../model/mxCell-js.html#mxCell" class=LClass id=link249 onMouseOver="ShowTip(event, 'tt18', 'link249')" onMouseOut="HideTip('tt18')">mxCells</a>.&nbsp; The array contains all states that are not null, that is, the returned array may have less elements than the given array.&nbsp; If no argument is given, then this returns &lt;states&gt;.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.removeState"></a>removeState</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.removeState = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Removes and returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link250 onMouseOver="ShowTip(event, 'tt59', 'link250')" onMouseOut="HideTip('tt59')">mxCellState</a> for the given cell.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cell</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link251 onMouseOver="ShowTip(event, 'tt18', 'link251')" onMouseOut="HideTip('tt18')">mxCell</a> for which the <a href="mxCellState-js.html#mxCellState" class=LClass id=link252 onMouseOver="ShowTip(event, 'tt59', 'link252')" onMouseOut="HideTip('tt59')">mxCellState</a> should be removed.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.createState"></a>createState</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createState = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates and returns an <a href="mxCellState-js.html#mxCellState" class=LClass id=link253 onMouseOver="ShowTip(event, 'tt59', 'link253')" onMouseOut="HideTip('tt59')">mxCellState</a> for the given cell and initializes it using &lt;mxCellRenderer.initialize&gt;.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>cell</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link254 onMouseOver="ShowTip(event, 'tt18', 'link254')" onMouseOut="HideTip('tt18')">mxCell</a> for which a new <a href="mxCellState-js.html#mxCellState" class=LClass id=link255 onMouseOver="ShowTip(event, 'tt59', 'link255')" onMouseOut="HideTip('tt59')">mxCellState</a> should be created.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getCanvas"></a>getCanvas</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getCanvas = function()</td></tr></table></blockquote><p>Returns the DOM node that contains the background-, draw- and overlaypane.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getBackgroundPane"></a>getBackgroundPane</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getBackgroundPane = function()</td></tr></table></blockquote><p>Returns the DOM node that represents the background layer.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getDrawPane"></a>getDrawPane</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getDrawPane = function()</td></tr></table></blockquote><p>Returns the DOM node that represents the main drawing layer.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getOverlayPane"></a>getOverlayPane</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getOverlayPane = function()</td></tr></table></blockquote><p>Returns the DOM node that represents the topmost drawing layer.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.isContainerEvent"></a>isContainerEvent</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.isContainerEvent = function(</td><td class=PParameter nowrap>evt</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the event origin is one of the drawing panes or containers of the view.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.isScrollEvent"></a>isScrollEvent</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.isScrollEvent = function(</td><td class=PParameter nowrap>evt</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the event origin is one of the scrollbars of the container in IE.&nbsp; Such events are ignored.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.init"></a>init</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.init = function()</td></tr></table></blockquote><p>Initializes the graph event dispatch loop for the specified container and invokes <a href="#mxGraphView.create" class=LFunction id=link256 onMouseOver="ShowTip(event, 'tt90', 'link256')" onMouseOut="HideTip('tt90')">create</a> to create the required DOM nodes for the display.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.installListeners"></a>installListeners</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.installListeners = function()</td></tr></table></blockquote><p>Installs the required listeners in the container.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.create"></a>create</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.createHtml = function()</td></tr></table></blockquote><p>Creates the DOM nodes for the HTML display.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateHtmlCanvasSize"></a>updateHtmlCanvasSize</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateHtmlCanvasSize = function(</td><td class=PParameter nowrap>width,</td></tr><tr><td></td><td class=PParameter nowrap>height</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the size of the HTML canvas.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.createHtmlPane"></a>createHtmlPane</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createHtmlPane = function(</td><td class=PParameter nowrap>width,</td></tr><tr><td></td><td class=PParameter nowrap>height</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates and returns a drawing pane in HTML (DIV).</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.create"></a>create</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.createVml = function()</td></tr></table></blockquote><p>Creates the DOM nodes for the VML display.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.createVmlPane"></a>createVmlPane</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createVmlPane = function(</td><td class=PParameter nowrap>width,</td></tr><tr><td></td><td class=PParameter nowrap>height</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates a drawing pane in VML (group).</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.create"></a>create</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.createSvg = function()</td></tr></table></blockquote><p>Creates and returns the DOM nodes for the SVG display.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateContainerStyle"></a>updateContainerStyle</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateContainerStyle = function(</td><td class=PParameter nowrap>container</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the style of the container after installing the SVG DOM elements.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.destroy"></a>destroy</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.destroy = function()</td></tr></table></blockquote><p>Destroys the view and all its resources.</p></div></div></div>
<div class="CClass"><div class=CTopic><h2 class=CTitle><a name="mxCurrentRootChange"></a>mxCurrentRootChange</h2><div class=CBody><p>Action to change the current root in a view.</p><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SGroup"><td class=SEntry><a href="#mxCurrentRootChange.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent1 SMarked"><td class=SEntry><a href="#mxCurrentRootChange.mxCurrentRootChange" id=link257 onMouseOver="ShowTip(event, 'tt97', 'link257')" onMouseOut="HideTip('tt97')">mxCurrentRootChange</a></td><td class=SDescription>Constructs a change of the current root in the given view.</td></tr><tr class="SFunction SIndent1"><td class=SEntry><a href="#mxCurrentRootChange.execute" id=link258 onMouseOver="ShowTip(event, 'tt98', 'link258')" onMouseOut="HideTip('tt98')">execute</a></td><td class=SDescription>Changes the current root of the view.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxCurrentRootChange.Functions"></a>Functions</h3></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxCurrentRootChange.mxCurrentRootChange"></a>mxCurrentRootChange</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function mxCurrentRootChange(</td><td class=PParameter nowrap>view,</td></tr><tr><td></td><td class=PParameter nowrap>root</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a change of the current root in the given view.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxCurrentRootChange.execute"></a>execute</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxCurrentRootChange.prototype.execute = function()</td></tr></table></blockquote><p>Changes the current root of the view.</p></div></div></div>
</div><!--Content-->
<div id=Footer><a href="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->
<div id=Menu><div class=MEntry><div class=MFile><a href="../index-txt.html">API Specification</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent1')">Editor</a><div class=MGroupContent id=MGroupContent1><div class=MEntry><div class=MFile><a href="../editor/mxDefaultKeyHandler-js.html">mxDefaultKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxDefaultPopupMenu-js.html">mxDefaultPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxDefaultToolbar-js.html">mxDefaultToolbar</a></div></div><div class=MEntry><div class=MFile><a href="../editor/mxEditor-js.html">mxEditor</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent2')">Handler</a><div class=MGroupContent id=MGroupContent2><div class=MEntry><div class=MFile><a href="../handler/mxCellHighlight-js.html">mxCellHighlight</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxCellMarker-js.html">mxCellMarker</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxCellTracker-js.html">mxCellTracker</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxConnectionHandler-js.html">mxConnectionHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxConstraintHandler-js.html">mxConstraintHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxEdgeHandler-js.html">mxEdgeHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxEdgeSegmentHandler-js.html">mxEdgeSegmentHandler.js</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxElbowEdgeHandler-js.html">mxElbowEdgeHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxGraphHandler-js.html">mxGraphHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxKeyHandler-js.html">mxKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPopupMenuHandler-js.html">mxPanningHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPanningHandler-js.html">mxPanningHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxRubberband-js.html">mxRubberband</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxSelectionCellsHandler-js.html">mxSelectionCellsHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxTooltipHandler-js.html">mxTooltipHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxVertexHandler-js.html">mxVertexHandler</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent3')">Io</a><div class=MGroupContent id=MGroupContent3><div class=MEntry><div class=MFile><a href="../io/mxCellCodec-js.html">mxCellCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxChildChangeCodec-js.html">mxChildChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodec-js.html">mxCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodecRegistry-js.html">mxCodecRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultKeyHandlerCodec-js.html">mxDefaultKeyHandlerCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultPopupMenuCodec-js.html">mxDefaultPopupMenuCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultToolbarCodec-js.html">mxDefaultToolbarCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxEditorCodec-js.html">mxEditorCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGenericChangeCodec-js.html">mxGenericChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphCodec-js.html">mxGraphCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphViewCodec-js.html">mxGraphViewCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxModelCodec-js.html">mxModelCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxObjectCodec-js.html">mxObjectCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxRootChangeCodec-js.html">mxRootChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxStylesheetCodec-js.html">mxStylesheetCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxTerminalChangeCodec-js.html">mxTerminalChangeCodec</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent7')">Layout</a><div class=MGroupContent id=MGroupContent7><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent6')">Hierarchical</a><div class=MGroupContent id=MGroupContent6><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent4')">Model</a><div class=MGroupContent id=MGroupContent4><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphAbstractHierarchyCell-js.html">mxGraphAbstractHierarchyCell</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyEdge-js.html">mxGraphHierarchyEdge</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyModel-js.html">mxGraphHierarchyModel</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyNode-js.html">mxGraphHierarchyNode</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxSwimlaneModel-js.html">mxSwimlaneModel</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/mxHierarchicalLayout-js.html">mxHierarchicalLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/mxSwimlaneLayout-js.html">mxSwimlaneLayout</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent5')">Stage</a><div class=MGroupContent id=MGroupContent5><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxCoordinateAssignment-js.html">mxCoordinateAssignment</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxHierarchicalLayoutStage-js.html">mxHierarchicalLayoutStage</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxMedianHybridCrossingReduction-js.html">mxMedianHybridCrossingReduction</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxMinimumCycleRemover-js.html">mxMinimumCycleRemover</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxSwimlaneOrdering-js.html">mxSwimlaneOrdering</a></div></div></div></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCircleLayout-js.html">mxCircleLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompactTreeLayout-js.html">mxCompactTreeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompositeLayout-js.html">mxCompositeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxEdgeLabelLayout-js.html">mxEdgeLabelLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxFastOrganicLayout-js.html">mxFastOrganicLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxGraphLayout-js.html">mxGraphLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxParallelEdgeLayout-js.html">mxParallelEdgeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxPartitionLayout-js.html">mxPartitionLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxStackLayout-js.html">mxStackLayout</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent8')">Model</a><div class=MGroupContent id=MGroupContent8><div class=MEntry><div class=MFile><a href="../model/mxCell-js.html">mxCell</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxCellPath-js.html">mxCellPath</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGeometry-js.html">mxGeometry</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGraphModel-js.html">mxGraphModel</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../mxClient-js.html">mxClient</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent9')">Shape</a><div class=MGroupContent id=MGroupContent9><div class=MEntry><div class=MFile><a href="../shape/mxActor-js.html">mxActor</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxArrow-js.html">mxArrow</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxCloud-js.html">mxCloud</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxConnector-js.html">mxConnector</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxCylinder-js.html">mxCylinder</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxDoubleEllipse-js.html">mxDoubleEllipse</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxEllipse-js.html">mxEllipse</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxHexagon-js.html">mxHexagon</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxImageShape-js.html">mxImageShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxLabel-js.html">mxLabel</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxLine-js.html">mxLine</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxMarker-js.html">mxMarker</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxPolyline-js.html">mxPolyline</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxRectangleShape-js.html">mxRectangleShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxRhombus-js.html">mxRhombus</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxShape-js.html">mxShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxStencil-js.html">mxStencil</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxStencilRegistry-js.html">mxStencilRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxSwimlane-js.html">mxSwimlane</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxText-js.html">mxText</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxTriangle-js.html">mxTriangle</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent10')">Util</a><div class=MGroupContent id=MGroupContent10><div class=MEntry><div class=MFile><a href="../util/mxAbstractCanvas2D-js.html">mxAbstractCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxAnimation-js.html">mxAnimation</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxAutoSaveManager-js.html">mxAutoSaveManager</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxClipboard-js.html">mxClipboard</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxConstants-js.html">mxConstants</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDictionary-js.html">mxDictionary</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDivResizer-js.html">mxDivResizer</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDragSource-js.html">mxDragSource</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEffects-js.html">mxEffects</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEvent-js.html">mxEvent</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEventObject-js.html">mxEventObject</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEventSource-js.html">mxEventSource</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxForm-js.html">mxForm</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxGuide-js.html">mxGuide</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImage-js.html">mxImage</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImageBundle-js.html">mxImageBundle</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImageExport-js.html">mxImageExport</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxLog-js.html">mxLog</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxMorphing-js.html">mxMorphing</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxMouseEvent-js.html">mxMouseEvent</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxObjectIdentity-js.html">mxObjectIdentity</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPanningManager-js.html">mxPanningManager</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPoint-js.html">mxPoint</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPopupMenu-js.html">mxPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxRectangle-js.html">mxRectangle</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxResources-js.html">mxResources</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxSession-js.html">mxSession</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxSvgCanvas2D-js.html">mxSvgCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxToolbar-js.html">mxToolbar</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUndoableEdit-js.html">mxUndoableEdit</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUndoManager-js.html">mxUndoManager</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUrlConverter-js.html">mxUrlConverter</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUtils-js.html">mxUtils</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxVmlCanvas2D-js.html">mxVmlCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxWindow-js.html">mxWindow</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxXmlCanvas2D-js.html">mxXmlCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxXmlRequest-js.html">mxXmlRequest</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent11')">View</a><div class=MGroupContent id=MGroupContent11><div class=MEntry><div class=MFile><a href="mxCellEditor-js.html">mxCellEditor</a></div></div><div class=MEntry><div class=MFile><a href="mxCellOverlay-js.html">mxCellOverlay</a></div></div><div class=MEntry><div class=MFile><a href="mxCellRenderer-js.html">mxCellRenderer</a></div></div><div class=MEntry><div class=MFile><a href="mxCellState-js.html">mxCellState</a></div></div><div class=MEntry><div class=MFile><a href="mxCellStatePreview-js.html">mxCellStatePreview</a></div></div><div class=MEntry><div class=MFile><a href="mxConnectionConstraint-js.html">mxConnectionConstraint</a></div></div><div class=MEntry><div class=MFile><a href="mxEdgeStyle-js.html">mxEdgeStyle</a></div></div><div class=MEntry><div class=MFile><a href="mxGraph-js.html">mxGraph</a></div></div><div class=MEntry><div class=MFile><a href="mxGraphSelectionModel-js.html">mxGraphSelectionModel</a></div></div><div class=MEntry><div class=MFile id=MSelected>mxGraphView</div></div><div class=MEntry><div class=MFile><a href="mxLayoutManager-js.html">mxLayoutManager</a></div></div><div class=MEntry><div class=MFile><a href="mxMultiplicity-js.html">mxMultiplicity</a></div></div><div class=MEntry><div class=MFile><a href="mxOutline-js.html">mxOutline</a></div></div><div class=MEntry><div class=MFile><a href="mxPerimeter-js.html">mxPerimeter</a></div></div><div class=MEntry><div class=MFile><a href="mxPrintPreview-js.html">mxPrintPreview</a></div></div><div class=MEntry><div class=MFile><a href="mxSpaceManager-js.html">mxSpaceManager</a></div></div><div class=MEntry><div class=MFile><a href="mxStyleRegistry-js.html">mxStyleRegistry</a></div></div><div class=MEntry><div class=MFile><a href="mxStylesheet-js.html">mxStylesheet</a></div></div><div class=MEntry><div class=MFile><a href="mxSwimlaneManager-js.html">mxSwimlaneManager</a></div></div><div class=MEntry><div class=MFile><a href="mxTemporaryCellStates-js.html">mxTemporaryCellStates</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent12')">Index</a><div class=MGroupContent id=MGroupContent12><div class=MEntry><div class=MIndex><a href="../../index/General.html">Everything</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Classes.html">Classes</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Cookies.html">Cookies</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Events.html">Events</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Files.html">Files</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Functions.html">Functions</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Variables.html">Variables</a></div></div></div></div></div><script type="text/javascript"><!--
var searchPanel = new SearchPanel("searchPanel", "HTML", "../../search");
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option id=MSearchEverything selected value="General">Everything</option><option value="Classes">Classes</option><option value="Cookies">Cookies</option><option value="Events">Events</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Variables">Variables</option></select></div><script language=JavaScript><!--
HideAllBut([11], 13);// --></script></div><!--Menu-->
<!--START_ND_TOOLTIPS-->
<div class=CToolTip id="tt1"><div class=CClass>Base class for objects that dispatch named events. </div></div><div class=CToolTip id="tt2"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setCurrentRoot = function(</td><td class=PParameter nowrap>root</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets and returns the current root and fires an undo event before calling mxGraph.sizeDidChange.</div></div><div class=CToolTip id="tt3"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.scaleAndTranslate = function(</td><td class=PParameter nowrap>scale,</td></tr><tr><td></td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the scale and translation and fires a scale and translate event before calling revalidate followed by mxGraph.sizeDidChange.</div></div><div class=CToolTip id="tt4"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setScale = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the scale and fires a scale event before calling revalidate followed by mxGraph.sizeDidChange.</div></div><div class=CToolTip id="tt5"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setTranslate = function(</td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the translation and fires a translate event before calling revalidate followed by mxGraph.sizeDidChange. </div></div><div class=CToolTip id="tt6"><div class=CClass>Action to change the current root in a view.</div></div><div class=CToolTip id="tt7"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function mxGraphView(</td><td class=PParameter nowrap>graph</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new view for the given mxGraph.</div></div><div class=CToolTip id="tt8"><div class=CClass>Extends mxEventSource to implement a graph component for the browser. </div></div><div class=CToolTip id="tt9"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.doneResource</td></tr></table></blockquote>Specifies the resource key for the status message after a long operation. </div></div><div class=CToolTip id="tt10"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.allowEval</td></tr></table></blockquote>Specifies if string values in cell styles should be evaluated using mxUtils.eval. </div></div><div class=CToolTip id="tt11"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>eval: function(</td><td class=PParameter nowrap>expr</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Evaluates the given expression using eval and returns the JavaScript object that represents the expression result. </div></div><div class=CToolTip id="tt12"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.captureDocumentGesture</td></tr></table></blockquote>Specifies if a gesture should be captured when it goes outside of the graph container. </div></div><div class=CToolTip id="tt13"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.optimizeVmlReflows</td></tr></table></blockquote>Specifies if the canvas should be hidden while rendering in IE8 standards mode and quirks mode. </div></div><div class=CToolTip id="tt14"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.rendering</td></tr></table></blockquote>Specifies if shapes should be created, updated and destroyed using the methods of mxCellRenderer in graph. </div></div><div class=CToolTip id="tt15"><div class=CClass>Renders cells into a document object model. </div></div><div class=CToolTip id="tt16"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.graph</td></tr></table></blockquote>Reference to the enclosing mxGraph.</div></div><div class=CToolTip id="tt17"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.currentRoot</td></tr></table></blockquote>mxCell that acts as the root of the displayed cell hierarchy.</div></div><div class=CToolTip id="tt18"><div class=CClass>Cells are the elements of the graph model. </div></div><div class=CToolTip id="tt19"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.graphBounds</td></tr></table></blockquote>mxRectangle that caches the scales, translated bounds of the current view.</div></div><div class=CToolTip id="tt20"><div class=CClass>Extends mxPoint to implement a 2-dimensional rectangle with double precision coordinates.</div></div><div class=CToolTip id="tt21"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.scale</td></tr></table></blockquote>Specifies the scale. </div></div><div class=CToolTip id="tt22"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.translate</td></tr></table></blockquote>mxPoint that specifies the current translation. </div></div><div class=CToolTip id="tt23"><div class=CClass>Implements a 2-dimensional vector with double precision coordinates.</div></div><div class=CToolTip id="tt24"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.updateStyle</td></tr></table></blockquote>Specifies if the style should be updated in each validation step. </div></div><div class=CToolTip id="tt25"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.lastNode</td></tr></table></blockquote>During validation, this contains the last DOM node that was processed.</div></div><div class=CToolTip id="tt26"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.lastHtmlNode</td></tr></table></blockquote>During validation, this contains the last HTML DOM node that was processed.</div></div><div class=CToolTip id="tt27"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.lastEdgeNode</td></tr></table></blockquote>During validation, this contains the last edge&rsquo;s DOM node that was processed.</div></div><div class=CToolTip id="tt28"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getGraphBounds = function()</td></tr></table></blockquote>Returns graphBounds.</div></div><div class=CToolTip id="tt29"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setGraphBounds = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets graphBounds.</div></div><div class=CToolTip id="tt30"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getBounds = function(</td><td class=PParameter nowrap>cells</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the bounds (on the screen) for the given array of mxCells.</div></div><div class=CToolTip id="tt31"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraph.prototype.sizeDidChange = function()</td></tr></table></blockquote>Called when the size of the graph has changed. </div></div><div class=CToolTip id="tt32"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.revalidate = function()</td></tr></table></blockquote>Revalidates the complete view with all cell states.</div></div><div class=CToolTip id="tt33"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getScale = function()</td></tr></table></blockquote>Returns the scale.</div></div><div class=CToolTip id="tt34"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getTranslate = function()</td></tr></table></blockquote>Returns the translate.</div></div><div class=CToolTip id="tt35"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.refresh = function()</td></tr></table></blockquote>Clears the view if currentRoot is not null and revalidates.</div></div><div class=CToolTip id="tt36"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.clear = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>force,</td></tr><tr><td></td><td class=PParameter nowrap>recurse</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Removes the state of the given cell and all descendants if the given cell is not the current root.</div></div><div class=CToolTip id="tt37"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.invalidate = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>recurse,</td></tr><tr><td></td><td class=PParameter nowrap>includeEdges</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Invalidates the state of the given cell, all its descendants and connected edges.</div></div><div class=CToolTip id="tt38"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.resetValidationState = function()</td></tr></table></blockquote>Resets the current validation state.</div></div><div class=CToolTip id="tt39"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validate = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>First validates all bounds and then validates all points recursively on all visible cells starting at the given cell. </div></div><div class=CToolTip id="tt40"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createBackgroundPageShape = function(</td><td class=PParameter nowrap>bounds</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Creates and returns the shape used as the background page.</div></div><div class=CToolTip id="tt41"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.validateBackground = function()</td></tr></table></blockquote>Calls validateBackgroundImage and validateBackgroundPage.</div></div><div class=CToolTip id="tt42"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.validateBackgroundImage = function()</td></tr></table></blockquote>Validates the background image.</div></div><div class=CToolTip id="tt43"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.validateBackgroundPage = function()</td></tr></table></blockquote>Validates the background page.</div></div><div class=CToolTip id="tt44"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getBackgroundPageBounds = function()</td></tr></table></blockquote>Returns the bounds for the background page.</div></div><div class=CToolTip id="tt45"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.redrawBackgroundImage = function(</td><td class=PParameter nowrap>backgroundImage,</td></tr><tr><td></td><td class=PParameter nowrap>bg</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the bounds and redraws the background image.</div></div><div class=CToolTip id="tt46"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validateBounds = function(</td><td class=PParameter nowrap>parentState,</td></tr><tr><td></td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Validates the bounds of the given parent&rsquo;s child using the given parent state as the origin for the child. </div></div><div class=CToolTip id="tt47"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateVertexLabelOffset = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the absoluteOffset of the given vertex cell state. </div></div><div class=CToolTip id="tt48"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validatePoints = function(</td><td class=PParameter nowrap>parentState,</td></tr><tr><td></td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Validates the points for the state of the given cell recursively if the cell is not collapsed and returns the bounding box of all visited states as an mxRectangle.</div></div><div class=CToolTip id="tt49"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.stateValidated = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Invoked when a state has been processed in validatePoints. </div></div><div class=CToolTip id="tt50"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.childMoved = function(</td><td class=PParameter nowrap>parent,</td></tr><tr><td></td><td class=PParameter nowrap>child</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Invoked when a child state was moved as a result of late evaluation of its position. </div></div><div class=CToolTip id="tt51"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFixedTerminalPoints = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the initial absolute terminal points in the given state before the edge style is computed.</div></div><div class=CToolTip id="tt52"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFixedTerminalPoint = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>constraint</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the fixed source or target terminal point on the given edge.</div></div><div class=CToolTip id="tt53"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updatePoints = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>points,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the absolute points in the given state using the specified array of mxPoints as the relative points.</div></div><div class=CToolTip id="tt54"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.transformControlPoint = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>pt</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Transforms the given control point to an absolute point.</div></div><div class=CToolTip id="tt55"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getEdgeStyle = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>points,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the edge style function to be used to render the given edge state.</div></div><div class=CToolTip id="tt56"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFloatingTerminalPoints = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the terminal points in the given state after the edge style was computed for the edge.</div></div><div class=CToolTip id="tt57"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFloatingTerminalPoint = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>start,</td></tr><tr><td></td><td class=PParameter nowrap>end,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the absolute terminal point in the given state for the given start and end state, where start is the source if source is true.</div></div><div class=CToolTip id="tt58"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getTerminalPort = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns an mxCellState that represents the source or target terminal or port for the given edge.</div></div><div class=CToolTip id="tt59"><div class=CClass>Represents the current state of a cell in a given mxGraphView.</div></div><div class=CToolTip id="tt60"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPerimeterPoint = function(</td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>next,</td></tr><tr><td></td><td class=PParameter nowrap>orthogonal,</td></tr><tr><td></td><td class=PParameter nowrap>border</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns an mxPoint that defines the location of the intersection point between the perimeter and the line between the center of the shape and the given point.</div></div><div class=CToolTip id="tt61"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getRoutingCenterX = function (</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the x-coordinate of the center point for automatic routing.</div></div><div class=CToolTip id="tt62"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getRoutingCenterY = function (</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the y-coordinate of the center point for automatic routing.</div></div><div class=CToolTip id="tt63"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPerimeterBounds = function(</td><td class=PParameter nowrap>terminal,</td></tr><tr><td></td><td class=PParameter nowrap>border</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the perimeter bounds for the given terminal, edge pair as an mxRectangle.</div></div><div class=CToolTip id="tt64"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPerimeterFunction = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the perimeter function for the given state.</div></div><div class=CToolTip id="tt65"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getNextPoint = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>opposite,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the nearest point in the list of absolute points or the center of the opposite terminal.</div></div><div class=CToolTip id="tt66"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getVisibleTerminal = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the nearest ancestor terminal that is visible. </div></div><div class=CToolTip id="tt67"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateEdgeBounds = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the given state using the bounding box of t he absolute points. </div></div><div class=CToolTip id="tt68"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getPoint = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>geometry</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the absolute point on the edge for the given relative mxGeometry as an mxPoint. </div></div><div class=CToolTip id="tt69"><div class=CClass>Extends mxRectangle to represent the geometry of a cell.</div></div><div class=CToolTip id="tt70"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getRelativePoint = function(</td><td class=PParameter nowrap>edgeState,</td></tr><tr><td></td><td class=PParameter nowrap>x,</td></tr><tr><td></td><td class=PParameter nowrap>y</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Gets the relative point that describes the given, absolute label position for the given edge state.</div></div><div class=CToolTip id="tt71"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateEdgeLabelOffset = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates mxCellState.absoluteOffset for the given state. </div></div><div class=CToolTip id="tt72"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxCellState.prototype.absoluteOffset</td></tr></table></blockquote>mxPoint that holds the absolute offset. </div></div><div class=CToolTip id="tt73"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getState = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>create</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the mxCellState for the given cell. </div></div><div class=CToolTip id="tt74"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.isRendering = function()</td></tr></table></blockquote>Returns rendering.</div></div><div class=CToolTip id="tt75"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setRendering = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets rendering.</div></div><div class=CToolTip id="tt76"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.isAllowEval = function()</td></tr></table></blockquote>Returns allowEval.</div></div><div class=CToolTip id="tt77"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setAllowEval = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets allowEval.</div></div><div class=CToolTip id="tt78"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getStates = function()</td></tr></table></blockquote>Returns states.</div></div><div class=CToolTip id="tt79"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setStates = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets states.</div></div><div class=CToolTip id="tt80"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.getCellStates = function(</td><td class=PParameter nowrap>cells</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the mxCellStates for the given array of mxCells. </div></div><div class=CToolTip id="tt81"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.removeState = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Removes and returns the mxCellState for the given cell.</div></div><div class=CToolTip id="tt82"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createState = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Creates and returns an mxCellState for the given cell and initializes it using mxCellRenderer.initialize.</div></div><div class=CToolTip id="tt83"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getCanvas = function()</td></tr></table></blockquote>Returns the DOM node that contains the background-, draw- and overlaypane.</div></div><div class=CToolTip id="tt84"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getBackgroundPane = function()</td></tr></table></blockquote>Returns the DOM node that represents the background layer.</div></div><div class=CToolTip id="tt85"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getDrawPane = function()</td></tr></table></blockquote>Returns the DOM node that represents the main drawing layer.</div></div><div class=CToolTip id="tt86"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getOverlayPane = function()</td></tr></table></blockquote>Returns the DOM node that represents the topmost drawing layer.</div></div><div class=CToolTip id="tt87"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.isContainerEvent = function(</td><td class=PParameter nowrap>evt</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns true if the event origin is one of the drawing panes or containers of the view.</div></div><div class=CToolTip id="tt88"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.isScrollEvent = function(</td><td class=PParameter nowrap>evt</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns true if the event origin is one of the scrollbars of the container in IE. </div></div><div class=CToolTip id="tt89"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.init = function()</td></tr></table></blockquote>Initializes the graph event dispatch loop for the specified container and invokes create to create the required DOM nodes for the display.</div></div><div class=CToolTip id="tt90"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.createHtml = function()</td></tr></table></blockquote>Creates the DOM nodes for the HTML display.</div></div><div class=CToolTip id="tt91"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.installListeners = function()</td></tr></table></blockquote>Installs the required listeners in the container.</div></div><div class=CToolTip id="tt92"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateHtmlCanvasSize = function(</td><td class=PParameter nowrap>width,</td></tr><tr><td></td><td class=PParameter nowrap>height</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the size of the HTML canvas.</div></div><div class=CToolTip id="tt93"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createHtmlPane = function(</td><td class=PParameter nowrap>width,</td></tr><tr><td></td><td class=PParameter nowrap>height</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Creates and returns a drawing pane in HTML (DIV).</div></div><div class=CToolTip id="tt94"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createVmlPane = function(</td><td class=PParameter nowrap>width,</td></tr><tr><td></td><td class=PParameter nowrap>height</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Creates a drawing pane in VML (group).</div></div><div class=CToolTip id="tt95"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateContainerStyle = function(</td><td class=PParameter nowrap>container</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the style of the container after installing the SVG DOM elements.</div></div><div class=CToolTip id="tt96"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.destroy = function()</td></tr></table></blockquote>Destroys the view and all its resources.</div></div><div class=CToolTip id="tt97"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function mxCurrentRootChange(</td><td class=PParameter nowrap>view,</td></tr><tr><td></td><td class=PParameter nowrap>root</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a change of the current root in the given view.</div></div><div class=CToolTip id="tt98"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxCurrentRootChange.prototype.execute = function()</td></tr></table></blockquote>Changes the current root of the view.</div></div><div class=CToolTip id="tt99"><div class=CClass>Implements a composite undoable edit. </div></div><div class=CToolTip id="tt100"><div class=CClass>Singleton class that acts as a global converter from string to object values in a style. </div></div><div class=CToolTip id="tt101"><div class=CClass>Extends mxShape to implement an image shape. </div></div><div class=CToolTip id="tt102"><div class=CClass>Encapsulates the URL, width and height of an image.</div></div><div class=CToolTip id="tt103"><div class=CClass>Defines an object that contains the constraints about how to connect one side of an edge to its terminal.</div></div><div class=CToolTip id="tt104"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxCellState.prototype.getVisibleTerminalState = function (</td><td class=PParameter nowrap>source</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the visible source or target terminal state.</div></div><div class=CToolTip id="tt105"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxCellState.prototype.terminalDistance</td></tr></table></blockquote>Caches the distance between the end points for an edge.</div></div><div class=CToolTip id="tt106"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxCellState.prototype.length</td></tr></table></blockquote>Caches the length of an edge.</div></div><div class=CToolTip id="tt107"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxCellState.prototype.segments</td></tr></table></blockquote>Array of numbers that represent the cached length of each segment of the edge.</div></div><!--END_ND_TOOLTIPS-->
<div id=MSearchResultsWindow><iframe src="" frameborder=0 name=MSearchResults id=MSearchResults></iframe><a href="javascript:searchPanel.CloseResultsWindow()" id=MSearchResultsWindowClose>Close</a></div>
<script language=JavaScript><!--
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>