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

289 lines
189 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=link154 onMouseOver="ShowTip(event, 'tt1', 'link154')" 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=link155 onMouseOver="ShowTip(event, 'tt44', 'link155')" onMouseOut="HideTip('tt44')">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.lastForegroundNode" id=link29 onMouseOver="ShowTip(event, 'tt27', 'link29')" onMouseOut="HideTip('tt27')">lastForegroundNode</a></td><td class=SDescription>During validation, this contains the last edge&rsquo;s DOM node that was processed.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxGraphView.lastForegroundHtmlNode" id=link30 onMouseOver="ShowTip(event, 'tt28', 'link30')" onMouseOut="HideTip('tt28')">lastForegroundHtmlNode</a></td><td class=SDescription>During validation, this contains the last edge HTML 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=link31 onMouseOver="ShowTip(event, 'tt29', 'link31')" onMouseOut="HideTip('tt29')">getGraphBounds</a></td><td class=SDescription>Returns <a href="#mxGraphView.graphBounds" class=LVariable id=link32 onMouseOver="ShowTip(event, 'tt19', 'link32')" onMouseOut="HideTip('tt19')">graphBounds</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setGraphBounds" id=link33 onMouseOver="ShowTip(event, 'tt30', 'link33')" onMouseOut="HideTip('tt30')">setGraphBounds</a></td><td class=SDescription>Sets <a href="#mxGraphView.graphBounds" class=LVariable id=link34 onMouseOver="ShowTip(event, 'tt19', 'link34')" onMouseOut="HideTip('tt19')">graphBounds</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getBounds" id=link35 onMouseOver="ShowTip(event, 'tt31', 'link35')" onMouseOut="HideTip('tt31')">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=link36 onMouseOver="ShowTip(event, 'tt18', 'link36')" onMouseOut="HideTip('tt18')">mxCells</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setCurrentRoot" id=link37 onMouseOver="ShowTip(event, 'tt2', 'link37')" 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=link38 onMouseOver="ShowTip(event, 'tt32', 'link38')" onMouseOut="HideTip('tt32')">mxGraph.sizeDidChange</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.scaleAndTranslate" id=link39 onMouseOver="ShowTip(event, 'tt3', 'link39')" onMouseOut="HideTip('tt3')">scaleAndTranslate</a></td><td class=SDescription>Sets the scale and translation and fires a <a href="#mxGraphView.scale" class=LVariable id=link40 onMouseOver="ShowTip(event, 'tt21', 'link40')" onMouseOut="HideTip('tt21')">scale</a> and <a href="#mxGraphView.translate" class=LVariable id=link41 onMouseOver="ShowTip(event, 'tt22', 'link41')" onMouseOut="HideTip('tt22')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link42 onMouseOver="ShowTip(event, 'tt33', 'link42')" onMouseOut="HideTip('tt33')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link43 onMouseOver="ShowTip(event, 'tt32', 'link43')" onMouseOut="HideTip('tt32')">mxGraph.sizeDidChange</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getScale" id=link44 onMouseOver="ShowTip(event, 'tt34', 'link44')" onMouseOut="HideTip('tt34')">getScale</a></td><td class=SDescription>Returns the <a href="#mxGraphView.scale" class=LVariable id=link45 onMouseOver="ShowTip(event, 'tt21', 'link45')" onMouseOut="HideTip('tt21')">scale</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.setScale" id=link46 onMouseOver="ShowTip(event, 'tt4', 'link46')" onMouseOut="HideTip('tt4')">setScale</a></td><td class=SDescription>Sets the scale and fires a <a href="#mxGraphView.scale" class=LVariable id=link47 onMouseOver="ShowTip(event, 'tt21', 'link47')" onMouseOut="HideTip('tt21')">scale</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link48 onMouseOver="ShowTip(event, 'tt33', 'link48')" onMouseOut="HideTip('tt33')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link49 onMouseOver="ShowTip(event, 'tt32', 'link49')" onMouseOut="HideTip('tt32')">mxGraph.sizeDidChange</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getTranslate" id=link50 onMouseOver="ShowTip(event, 'tt35', 'link50')" onMouseOut="HideTip('tt35')">getTranslate</a></td><td class=SDescription>Returns the <a href="#mxGraphView.translate" class=LVariable id=link51 onMouseOver="ShowTip(event, 'tt22', 'link51')" onMouseOut="HideTip('tt22')">translate</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.setTranslate" id=link52 onMouseOver="ShowTip(event, 'tt5', 'link52')" onMouseOut="HideTip('tt5')">setTranslate</a></td><td class=SDescription>Sets the translation and fires a <a href="#mxGraphView.translate" class=LVariable id=link53 onMouseOver="ShowTip(event, 'tt22', 'link53')" onMouseOut="HideTip('tt22')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link54 onMouseOver="ShowTip(event, 'tt33', 'link54')" onMouseOut="HideTip('tt33')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link55 onMouseOver="ShowTip(event, 'tt32', 'link55')" onMouseOut="HideTip('tt32')">mxGraph.sizeDidChange</a>. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.refresh" id=link56 onMouseOver="ShowTip(event, 'tt36', 'link56')" onMouseOut="HideTip('tt36')">refresh</a></td><td class=SDescription>Clears the view if <a href="#mxGraphView.currentRoot" class=LVariable id=link57 onMouseOver="ShowTip(event, 'tt17', 'link57')" 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=link58 onMouseOver="ShowTip(event, 'tt33', 'link58')" onMouseOut="HideTip('tt33')">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=link59 onMouseOver="ShowTip(event, 'tt37', 'link59')" onMouseOut="HideTip('tt37')">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=link60 onMouseOver="ShowTip(event, 'tt38', 'link60')" onMouseOut="HideTip('tt38')">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.validate" id=link61 onMouseOver="ShowTip(event, 'tt39', 'link61')" onMouseOut="HideTip('tt39')">validate</a></td><td class=SDescription>Calls <a href="#mxGraphView.validateCell" class=LFunction id=link62 onMouseOver="ShowTip(event, 'tt40', 'link62')" onMouseOut="HideTip('tt40')">validateCell</a> and <a href="#mxGraphView.validateCellState" class=LFunction id=link63 onMouseOver="ShowTip(event, 'tt41', 'link63')" onMouseOut="HideTip('tt41')">validateCellState</a> and updates the <a href="#mxGraphView.graphBounds" class=LVariable id=link64 onMouseOver="ShowTip(event, 'tt19', 'link64')" onMouseOut="HideTip('tt19')">graphBounds</a> using <a href="#mxGraphView.getBoundingBox" class=LFunction id=link65 onMouseOver="ShowTip(event, 'tt42', 'link65')" onMouseOut="HideTip('tt42')">getBoundingBox</a>. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getEmptyBounds" id=link66 onMouseOver="ShowTip(event, 'tt43', 'link66')" onMouseOut="HideTip('tt43')">getEmptyBounds</a></td><td class=SDescription>Returns the bounds for an empty graph. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getBoundingBox" id=link67 onMouseOver="ShowTip(event, 'tt42', 'link67')" onMouseOut="HideTip('tt42')">getBoundingBox</a></td><td class=SDescription>Returns the bounding box of the shape and the label for the given <a href="mxCellState-js.html#mxCellState" class=LClass id=link68 onMouseOver="ShowTip(event, 'tt44', 'link68')" onMouseOut="HideTip('tt44')">mxCellState</a> and its children if recurse is true.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.createBackgroundPageShape" id=link69 onMouseOver="ShowTip(event, 'tt45', 'link69')" onMouseOut="HideTip('tt45')">createBackgroundPageShape</a></td><td class=SDescription>Creates and returns the shape used as the background page.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.validateBackground" id=link70 onMouseOver="ShowTip(event, 'tt46', 'link70')" onMouseOut="HideTip('tt46')">validateBackground</a></td><td class=SDescription>Calls <a href="#mxGraphView.validateBackgroundImage" class=LFunction id=link71 onMouseOver="ShowTip(event, 'tt47', 'link71')" onMouseOut="HideTip('tt47')">validateBackgroundImage</a> and <a href="#mxGraphView.validateBackgroundPage" class=LFunction id=link72 onMouseOver="ShowTip(event, 'tt48', 'link72')" onMouseOut="HideTip('tt48')">validateBackgroundPage</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.validateBackgroundImage" id=link73 onMouseOver="ShowTip(event, 'tt47', 'link73')" onMouseOut="HideTip('tt47')">validateBackgroundImage</a></td><td class=SDescription>Validates the background image.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.validateBackgroundPage" id=link74 onMouseOver="ShowTip(event, 'tt48', 'link74')" onMouseOut="HideTip('tt48')">validateBackgroundPage</a></td><td class=SDescription>Validates the background page.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getBackgroundPageBounds" id=link75 onMouseOver="ShowTip(event, 'tt49', 'link75')" onMouseOut="HideTip('tt49')">getBackgroundPageBounds</a></td><td class=SDescription>Returns the bounds for the background page.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.redrawBackgroundImage" id=link76 onMouseOver="ShowTip(event, 'tt50', 'link76')" onMouseOut="HideTip('tt50')">redrawBackgroundImage</a></td><td class=SDescription>Updates the bounds and redraws the background image.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.validateCell" id=link77 onMouseOver="ShowTip(event, 'tt40', 'link77')" onMouseOut="HideTip('tt40')">validateCell</a></td><td class=SDescription>Recursively creates the cell state for the given cell if visible is true and the given cell is visible. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.validateCellState" id=link78 onMouseOver="ShowTip(event, 'tt41', 'link78')" onMouseOut="HideTip('tt41')">validateCellState</a></td><td class=SDescription>Validates and repaints the <a href="mxCellState-js.html#mxCellState" class=LClass id=link79 onMouseOver="ShowTip(event, 'tt44', 'link79')" onMouseOut="HideTip('tt44')">mxCellState</a> for the given <a href="../model/mxCell-js.html#mxCell" class=LClass id=link80 onMouseOver="ShowTip(event, 'tt18', 'link80')" onMouseOut="HideTip('tt18')">mxCell</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateCellState" id=link81 onMouseOver="ShowTip(event, 'tt51', 'link81')" onMouseOut="HideTip('tt51')">updateCellState</a></td><td class=SDescription>Updates the given <a href="mxCellState-js.html#mxCellState" class=LClass id=link82 onMouseOver="ShowTip(event, 'tt44', 'link82')" onMouseOut="HideTip('tt44')">mxCellState</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.isCellCollapsed" id=link83 onMouseOver="ShowTip(event, 'tt52', 'link83')" onMouseOut="HideTip('tt52')">isCellCollapsed</a></td><td class=SDescription>Returns true if the children of the given cell should not be visible in the view. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateVertexState" id=link84 onMouseOver="ShowTip(event, 'tt53', 'link84')" onMouseOut="HideTip('tt53')">updateVertexState</a></td><td class=SDescription>Validates the given cell state.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updateEdgeState" id=link85 onMouseOver="ShowTip(event, 'tt54', 'link85')" onMouseOut="HideTip('tt54')">updateEdgeState</a></td><td class=SDescription>Validates the given cell state.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateVertexLabelOffset" id=link86 onMouseOver="ShowTip(event, 'tt55', 'link86')" onMouseOut="HideTip('tt55')">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.resetValidationState" id=link87 onMouseOver="ShowTip(event, 'tt56', 'link87')" onMouseOut="HideTip('tt56')">resetValidationState</a></td><td class=SDescription>Resets the current validation state.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.stateValidated" id=link88 onMouseOver="ShowTip(event, 'tt57', 'link88')" onMouseOut="HideTip('tt57')">stateValidated</a></td><td class=SDescription>Invoked when a state has been processed in &lt;validatePoints&gt;. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updateFixedTerminalPoints" id=link89 onMouseOver="ShowTip(event, 'tt58', 'link89')" onMouseOut="HideTip('tt58')">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 SMarked"><td class=SEntry><a href="#mxGraphView.updateFixedTerminalPoint" id=link90 onMouseOver="ShowTip(event, 'tt59', 'link90')" onMouseOut="HideTip('tt59')">updateFixedTerminalPoint</a></td><td class=SDescription>Sets the fixed source or target terminal point on the given edge.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updatePoints" id=link91 onMouseOver="ShowTip(event, 'tt60', 'link91')" onMouseOut="HideTip('tt60')">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=link92 onMouseOver="ShowTip(event, 'tt23', 'link92')" onMouseOut="HideTip('tt23')">mxPoints</a> as the relative points.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.transformControlPoint" id=link93 onMouseOver="ShowTip(event, 'tt61', 'link93')" onMouseOut="HideTip('tt61')">transformControlPoint</a></td><td class=SDescription>Transforms the given control point to an absolute point.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getEdgeStyle" id=link94 onMouseOver="ShowTip(event, 'tt62', 'link94')" onMouseOut="HideTip('tt62')">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 SMarked"><td class=SEntry><a href="#mxGraphView.updateFloatingTerminalPoints" id=link95 onMouseOver="ShowTip(event, 'tt63', 'link95')" onMouseOut="HideTip('tt63')">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"><td class=SEntry><a href="#mxGraphView.updateFloatingTerminalPoint" id=link96 onMouseOver="ShowTip(event, 'tt64', 'link96')" onMouseOut="HideTip('tt64')">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 SMarked"><td class=SEntry><a href="#mxGraphView.getTerminalPort" id=link97 onMouseOver="ShowTip(event, 'tt65', 'link97')" onMouseOut="HideTip('tt65')">getTerminalPort</a></td><td class=SDescription>Returns an <a href="mxCellState-js.html#mxCellState" class=LClass id=link98 onMouseOver="ShowTip(event, 'tt44', 'link98')" onMouseOut="HideTip('tt44')">mxCellState</a> that represents the source or target terminal or port for the given edge.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getPerimeterPoint" id=link99 onMouseOver="ShowTip(event, 'tt66', 'link99')" onMouseOut="HideTip('tt66')">getPerimeterPoint</a></td><td class=SDescription>Returns an <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link100 onMouseOver="ShowTip(event, 'tt23', 'link100')" 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 SMarked"><td class=SEntry><a href="#mxGraphView.getRoutingCenterX" id=link101 onMouseOver="ShowTip(event, 'tt67', 'link101')" onMouseOut="HideTip('tt67')">getRoutingCenterX</a></td><td class=SDescription>Returns the x-coordinate of the center point for automatic routing.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getRoutingCenterY" id=link102 onMouseOver="ShowTip(event, 'tt68', 'link102')" onMouseOut="HideTip('tt68')">getRoutingCenterY</a></td><td class=SDescription>Returns the y-coordinate of the center point for automatic routing.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getPerimeterBounds" id=link103 onMouseOver="ShowTip(event, 'tt69', 'link103')" onMouseOut="HideTip('tt69')">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=link104 onMouseOver="ShowTip(event, 'tt20', 'link104')" onMouseOut="HideTip('tt20')">mxRectangle</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getPerimeterFunction" id=link105 onMouseOver="ShowTip(event, 'tt70', 'link105')" onMouseOut="HideTip('tt70')">getPerimeterFunction</a></td><td class=SDescription>Returns the perimeter function for the given state.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getNextPoint" id=link106 onMouseOver="ShowTip(event, 'tt71', 'link106')" onMouseOut="HideTip('tt71')">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"><td class=SEntry><a href="#mxGraphView.getVisibleTerminal" id=link107 onMouseOver="ShowTip(event, 'tt72', 'link107')" onMouseOut="HideTip('tt72')">getVisibleTerminal</a></td><td class=SDescription>Returns the nearest ancestor terminal that is visible. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateEdgeBounds" id=link108 onMouseOver="ShowTip(event, 'tt73', 'link108')" onMouseOut="HideTip('tt73')">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"><td class=SEntry><a href="#mxGraphView.getPoint" id=link109 onMouseOver="ShowTip(event, 'tt74', 'link109')" onMouseOut="HideTip('tt74')">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=link110 onMouseOver="ShowTip(event, 'tt75', 'link110')" onMouseOut="HideTip('tt75')">mxGeometry</a> as an <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link111 onMouseOver="ShowTip(event, 'tt23', 'link111')" onMouseOut="HideTip('tt23')">mxPoint</a>. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getRelativePoint" id=link112 onMouseOver="ShowTip(event, 'tt76', 'link112')" onMouseOut="HideTip('tt76')">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"><td class=SEntry><a href="#mxGraphView.updateEdgeLabelOffset" id=link113 onMouseOver="ShowTip(event, 'tt77', 'link113')" onMouseOut="HideTip('tt77')">updateEdgeLabelOffset</a></td><td class=SDescription>Updates <a href="mxCellState-js.html#mxCellState.absoluteOffset" class=LVariable id=link114 onMouseOver="ShowTip(event, 'tt78', 'link114')" onMouseOut="HideTip('tt78')">mxCellState.absoluteOffset</a> for the given state. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getState" id=link115 onMouseOver="ShowTip(event, 'tt79', 'link115')" onMouseOut="HideTip('tt79')">getState</a></td><td class=SDescription>Returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link116 onMouseOver="ShowTip(event, 'tt44', 'link116')" onMouseOut="HideTip('tt44')">mxCellState</a> for the given cell. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.isRendering" id=link117 onMouseOver="ShowTip(event, 'tt80', 'link117')" onMouseOut="HideTip('tt80')">isRendering</a></td><td class=SDescription>Returns <a href="#mxGraphView.rendering" class=LVariable id=link118 onMouseOver="ShowTip(event, 'tt14', 'link118')" onMouseOut="HideTip('tt14')">rendering</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.setRendering" id=link119 onMouseOver="ShowTip(event, 'tt81', 'link119')" onMouseOut="HideTip('tt81')">setRendering</a></td><td class=SDescription>Sets <a href="#mxGraphView.rendering" class=LVariable id=link120 onMouseOver="ShowTip(event, 'tt14', 'link120')" onMouseOut="HideTip('tt14')">rendering</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.isAllowEval" id=link121 onMouseOver="ShowTip(event, 'tt82', 'link121')" onMouseOut="HideTip('tt82')">isAllowEval</a></td><td class=SDescription>Returns <a href="#mxGraphView.allowEval" class=LVariable id=link122 onMouseOver="ShowTip(event, 'tt10', 'link122')" onMouseOut="HideTip('tt10')">allowEval</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.setAllowEval" id=link123 onMouseOver="ShowTip(event, 'tt83', 'link123')" onMouseOut="HideTip('tt83')">setAllowEval</a></td><td class=SDescription>Sets <a href="#mxGraphView.allowEval" class=LVariable id=link124 onMouseOver="ShowTip(event, 'tt10', 'link124')" onMouseOut="HideTip('tt10')">allowEval</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getStates" id=link125 onMouseOver="ShowTip(event, 'tt84', 'link125')" onMouseOut="HideTip('tt84')">getStates</a></td><td class=SDescription>Returns &lt;states&gt;.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.setStates" id=link126 onMouseOver="ShowTip(event, 'tt85', 'link126')" onMouseOut="HideTip('tt85')">setStates</a></td><td class=SDescription>Sets &lt;states&gt;.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getCellStates" id=link127 onMouseOver="ShowTip(event, 'tt86', 'link127')" onMouseOut="HideTip('tt86')">getCellStates</a></td><td class=SDescription>Returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link128 onMouseOver="ShowTip(event, 'tt44', 'link128')" onMouseOut="HideTip('tt44')">mxCellStates</a> for the given array of <a href="../model/mxCell-js.html#mxCell" class=LClass id=link129 onMouseOver="ShowTip(event, 'tt18', 'link129')" onMouseOut="HideTip('tt18')">mxCells</a>. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.removeState" id=link130 onMouseOver="ShowTip(event, 'tt87', 'link130')" onMouseOut="HideTip('tt87')">removeState</a></td><td class=SDescription>Removes and returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link131 onMouseOver="ShowTip(event, 'tt44', 'link131')" onMouseOut="HideTip('tt44')">mxCellState</a> for the given cell.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.createState" id=link132 onMouseOver="ShowTip(event, 'tt88', 'link132')" onMouseOut="HideTip('tt88')">createState</a></td><td class=SDescription>Creates and returns an <a href="mxCellState-js.html#mxCellState" class=LClass id=link133 onMouseOver="ShowTip(event, 'tt44', 'link133')" onMouseOut="HideTip('tt44')">mxCellState</a> for the given cell and initializes it using &lt;mxCellRenderer.initialize&gt;.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getCanvas" id=link134 onMouseOver="ShowTip(event, 'tt89', 'link134')" onMouseOut="HideTip('tt89')">getCanvas</a></td><td class=SDescription>Returns the DOM node that contains the background-, draw- and overlay- and decoratorpanes.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getBackgroundPane" id=link135 onMouseOver="ShowTip(event, 'tt90', 'link135')" onMouseOut="HideTip('tt90')">getBackgroundPane</a></td><td class=SDescription>Returns the DOM node that represents the background layer.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getDrawPane" id=link136 onMouseOver="ShowTip(event, 'tt91', 'link136')" onMouseOut="HideTip('tt91')">getDrawPane</a></td><td class=SDescription>Returns the DOM node that represents the main drawing layer.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getOverlayPane" id=link137 onMouseOver="ShowTip(event, 'tt92', 'link137')" onMouseOut="HideTip('tt92')">getOverlayPane</a></td><td class=SDescription>Returns the DOM node that represents the layer above the drawing layer.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getDecoratorPane" id=link138 onMouseOver="ShowTip(event, 'tt93', 'link138')" onMouseOut="HideTip('tt93')">getDecoratorPane</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=link139 onMouseOver="ShowTip(event, 'tt94', 'link139')" onMouseOut="HideTip('tt94')">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=link140 onMouseOver="ShowTip(event, 'tt95', 'link140')" onMouseOut="HideTip('tt95')">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=link141 onMouseOver="ShowTip(event, 'tt96', 'link141')" onMouseOut="HideTip('tt96')">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=link142 onMouseOver="ShowTip(event, 'tt97', 'link142')" onMouseOut="HideTip('tt97')">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=link143 onMouseOver="ShowTip(event, 'tt98', 'link143')" onMouseOut="HideTip('tt98')">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=link144 onMouseOver="ShowTip(event, 'tt97', 'link144')" onMouseOut="HideTip('tt97')">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=link145 onMouseOver="ShowTip(event, 'tt99', 'link145')" onMouseOut="HideTip('tt99')">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=link146 onMouseOver="ShowTip(event, 'tt100', 'link146')" onMouseOut="HideTip('tt100')">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=link147 onMouseOver="ShowTip(event, 'tt97', 'link147')" onMouseOut="HideTip('tt97')">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=link148 onMouseOver="ShowTip(event, 'tt101', 'link148')" onMouseOut="HideTip('tt101')">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=link149 onMouseOver="ShowTip(event, 'tt97', 'link149')" onMouseOut="HideTip('tt97')">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=link150 onMouseOver="ShowTip(event, 'tt102', 'link150')" onMouseOut="HideTip('tt102')">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=link151 onMouseOver="ShowTip(event, 'tt103', 'link151')" onMouseOut="HideTip('tt103')">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=link152 onMouseOver="ShowTip(event, 'tt104', 'link152')" onMouseOut="HideTip('tt104')">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=link153 onMouseOver="ShowTip(event, 'tt105', 'link153')" onMouseOut="HideTip('tt105')">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=link156 onMouseOver="ShowTip(event, 'tt2', 'link156')" 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=link157 onMouseOver="ShowTip(event, 'tt106', 'link157')" onMouseOut="HideTip('tt106')">mxUndoableEdit</a> which contains the <a href="#mxCurrentRootChange" class=LClass id=link158 onMouseOver="ShowTip(event, 'tt6', 'link158')" 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=link159 onMouseOver="ShowTip(event, 'tt3', 'link159')" 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=link160 onMouseOver="ShowTip(event, 'tt4', 'link160')" 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=link161 onMouseOver="ShowTip(event, 'tt5', 'link161')" 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=link162 onMouseOver="ShowTip(event, 'tt6', 'link162')" 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=link163 onMouseOver="ShowTip(event, 'tt8', 'link163')" 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=link164 onMouseOver="ShowTip(event, 'tt8', 'link164')" 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=link165 onMouseOver="ShowTip(event, 'tt11', 'link165')" 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=link166 onMouseOver="ShowTip(event, 'tt107', 'link166')" onMouseOut="HideTip('tt107')">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=link167 onMouseOver="ShowTip(event, 'tt15', 'link167')" onMouseOut="HideTip('tt15')">mxCellRenderer</a> in <a href="#mxGraphView.graph" class=LVariable id=link168 onMouseOver="ShowTip(event, 'tt16', 'link168')" 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=link169 onMouseOver="ShowTip(event, 'tt8', 'link169')" 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=link170 onMouseOver="ShowTip(event, 'tt18', 'link170')" 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=link171 onMouseOver="ShowTip(event, 'tt20', 'link171')" 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=link172 onMouseOver="ShowTip(event, 'tt23', 'link172')" 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=link173 onMouseOver="ShowTip(event, 'tt23', 'link173')" 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.lastForegroundNode"></a>lastForegroundNode</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.lastForegroundNode</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="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.lastForegroundHtmlNode"></a>lastForegroundHtmlNode</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.lastForegroundHtmlNode</td></tr></table></blockquote><p>During validation, this contains the last edge HTML 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=link174 onMouseOver="ShowTip(event, 'tt19', 'link174')" 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=link175 onMouseOver="ShowTip(event, 'tt19', 'link175')" 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=link176 onMouseOver="ShowTip(event, 'tt18', 'link176')" 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=link177 onMouseOver="ShowTip(event, 'tt18', 'link177')" 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=link178 onMouseOver="ShowTip(event, 'tt32', 'link178')" onMouseOut="HideTip('tt32')">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=link179 onMouseOver="ShowTip(event, 'tt18', 'link179')" 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=link180 onMouseOver="ShowTip(event, 'tt21', 'link180')" onMouseOut="HideTip('tt21')">scale</a> and <a href="#mxGraphView.translate" class=LVariable id=link181 onMouseOver="ShowTip(event, 'tt22', 'link181')" onMouseOut="HideTip('tt22')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link182 onMouseOver="ShowTip(event, 'tt33', 'link182')" onMouseOut="HideTip('tt33')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link183 onMouseOver="ShowTip(event, 'tt32', 'link183')" onMouseOut="HideTip('tt32')">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=link184 onMouseOver="ShowTip(event, 'tt21', 'link184')" 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=link185 onMouseOver="ShowTip(event, 'tt21', 'link185')" onMouseOut="HideTip('tt21')">scale</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link186 onMouseOver="ShowTip(event, 'tt33', 'link186')" onMouseOut="HideTip('tt33')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link187 onMouseOver="ShowTip(event, 'tt32', 'link187')" onMouseOut="HideTip('tt32')">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=link188 onMouseOver="ShowTip(event, 'tt22', 'link188')" 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=link189 onMouseOver="ShowTip(event, 'tt22', 'link189')" onMouseOut="HideTip('tt22')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link190 onMouseOver="ShowTip(event, 'tt33', 'link190')" onMouseOut="HideTip('tt33')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link191 onMouseOver="ShowTip(event, 'tt32', 'link191')" onMouseOut="HideTip('tt32')">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=link192 onMouseOver="ShowTip(event, 'tt17', 'link192')" 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=link193 onMouseOver="ShowTip(event, 'tt18', 'link193')" 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=link194 onMouseOver="ShowTip(event, 'tt18', 'link194')" 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.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>Calls <a href="#mxGraphView.validateCell" class=LFunction id=link195 onMouseOver="ShowTip(event, 'tt40', 'link195')" onMouseOut="HideTip('tt40')">validateCell</a> and <a href="#mxGraphView.validateCellState" class=LFunction id=link196 onMouseOver="ShowTip(event, 'tt41', 'link196')" onMouseOut="HideTip('tt41')">validateCellState</a> and updates the <a href="#mxGraphView.graphBounds" class=LVariable id=link197 onMouseOver="ShowTip(event, 'tt19', 'link197')" onMouseOut="HideTip('tt19')">graphBounds</a> using <a href="#mxGraphView.getBoundingBox" class=LFunction id=link198 onMouseOver="ShowTip(event, 'tt42', 'link198')" onMouseOut="HideTip('tt42')">getBoundingBox</a>.&nbsp; Finally the background is validated using <a href="#mxGraphView.validateBackground" class=LFunction id=link199 onMouseOver="ShowTip(event, 'tt46', 'link199')" onMouseOut="HideTip('tt46')">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=link200 onMouseOver="ShowTip(event, 'tt18', 'link200')" onMouseOut="HideTip('tt18')">mxCell</a> to be used as the root of the validation.&nbsp; Default is <a href="#mxGraphView.currentRoot" class=LVariable id=link201 onMouseOver="ShowTip(event, 'tt17', 'link201')" 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.getEmptyBounds"></a>getEmptyBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getEmptyBounds = function()</td></tr></table></blockquote><p>Returns the bounds for an empty graph.&nbsp; This returns a rectangle at <a href="#mxGraphView.translate" class=LVariable id=link202 onMouseOver="ShowTip(event, 'tt22', 'link202')" onMouseOut="HideTip('tt22')">translate</a> with the size of 0 x 0.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getBoundingBox"></a>getBoundingBox</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.getBoundingBox = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>recurse</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the bounding box of the shape and the label for the given <a href="mxCellState-js.html#mxCellState" class=LClass id=link203 onMouseOver="ShowTip(event, 'tt44', 'link203')" onMouseOut="HideTip('tt44')">mxCellState</a> and its children if recurse is true.</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=link204 onMouseOver="ShowTip(event, 'tt44', 'link204')" onMouseOut="HideTip('tt44')">mxCellState</a> whose bounding box should be returned.</td></tr><tr><td class=CDLEntry>recurse</td><td class=CDLDescription>Optional boolean indicating if the children should be included.&nbsp; Default is true.</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=link205 onMouseOver="ShowTip(event, 'tt20', 'link205')" 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=link206 onMouseOver="ShowTip(event, 'tt47', 'link206')" onMouseOut="HideTip('tt47')">validateBackgroundImage</a> and <a href="#mxGraphView.validateBackgroundPage" class=LFunction id=link207 onMouseOver="ShowTip(event, 'tt48', 'link207')" onMouseOut="HideTip('tt48')">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=link208 onMouseOver="ShowTip(event, 'tt108', 'link208')" onMouseOut="HideTip('tt108')">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=link209 onMouseOver="ShowTip(event, 'tt109', 'link209')" onMouseOut="HideTip('tt109')">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.validateCell"></a>validateCell</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.validateCell = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>visible</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Recursively creates the cell state for the given cell if visible is true and the given cell is visible.&nbsp; If the cell is not visible but the state exists then it is removed using <a href="#mxGraphView.removeState" class=LFunction id=link210 onMouseOver="ShowTip(event, 'tt87', 'link210')" onMouseOut="HideTip('tt87')">removeState</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><a href="../model/mxCell-js.html#mxCell" class=LClass id=link211 onMouseOver="ShowTip(event, 'tt18', 'link211')" onMouseOut="HideTip('tt18')">mxCell</a> whose <a href="mxCellState-js.html#mxCellState" class=LClass id=link212 onMouseOver="ShowTip(event, 'tt44', 'link212')" onMouseOut="HideTip('tt44')">mxCellState</a> should be created.</td></tr><tr><td class=CDLEntry>visible</td><td class=CDLDescription>Optional boolean indicating if the cell should be visible.&nbsp; Default is true.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.validateCellState"></a>validateCellState</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.validateCellState = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>recurse</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Validates and repaints the <a href="mxCellState-js.html#mxCellState" class=LClass id=link213 onMouseOver="ShowTip(event, 'tt44', 'link213')" onMouseOut="HideTip('tt44')">mxCellState</a> for the given <a href="../model/mxCell-js.html#mxCell" class=LClass id=link214 onMouseOver="ShowTip(event, 'tt18', 'link214')" onMouseOut="HideTip('tt18')">mxCell</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><a href="../model/mxCell-js.html#mxCell" class=LClass id=link215 onMouseOver="ShowTip(event, 'tt18', 'link215')" onMouseOut="HideTip('tt18')">mxCell</a> whose <a href="mxCellState-js.html#mxCellState" class=LClass id=link216 onMouseOver="ShowTip(event, 'tt44', 'link216')" onMouseOut="HideTip('tt44')">mxCellState</a> should be validated.</td></tr><tr><td class=CDLEntry>recurse</td><td class=CDLDescription>Optional boolean indicating if the children of the cell should be validated.&nbsp; Default is true.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateCellState"></a>updateCellState</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.updateCellState = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the given <a href="mxCellState-js.html#mxCellState" class=LClass id=link217 onMouseOver="ShowTip(event, 'tt44', 'link217')" onMouseOut="HideTip('tt44')">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=link218 onMouseOver="ShowTip(event, 'tt44', 'link218')" onMouseOut="HideTip('tt44')">mxCellState</a> to be updated.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.isCellCollapsed"></a>isCellCollapsed</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.isCellCollapsed = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the children of the given cell should not be visible in the view.&nbsp; This implementation uses <a href="mxGraph-js.html#mxGraph.isCellVisible" class=LFunction id=link219 onMouseOver="ShowTip(event, 'tt110', 'link219')" onMouseOut="HideTip('tt110')">mxGraph.isCellVisible</a> but it can be overidden to use a separate condition.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateVertexState"></a>updateVertexState</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.updateVertexState = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>geo</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Validates the given cell state.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateEdgeState"></a>updateEdgeState</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.updateEdgeState = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>geo</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Validates the given cell state.</p></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=link220 onMouseOver="ShowTip(event, 'tt44', 'link220')" onMouseOut="HideTip('tt44')">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.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.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 &lt;validatePoints&gt;.&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=link221 onMouseOver="ShowTip(event, 'tt44', 'link221')" onMouseOut="HideTip('tt44')">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.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=link222 onMouseOver="ShowTip(event, 'tt44', 'link222')" onMouseOut="HideTip('tt44')">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=link223 onMouseOver="ShowTip(event, 'tt44', 'link223')" onMouseOut="HideTip('tt44')">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=link224 onMouseOver="ShowTip(event, 'tt44', 'link224')" onMouseOut="HideTip('tt44')">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=link225 onMouseOver="ShowTip(event, 'tt44', 'link225')" onMouseOut="HideTip('tt44')">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=link226 onMouseOver="ShowTip(event, 'tt44', 'link226')" onMouseOut="HideTip('tt44')">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=link227 onMouseOver="ShowTip(event, 'tt111', 'link227')" onMouseOut="HideTip('tt111')">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=link228 onMouseOver="ShowTip(event, 'tt23', 'link228')" 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=link229 onMouseOver="ShowTip(event, 'tt44', 'link229')" onMouseOut="HideTip('tt44')">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=link230 onMouseOver="ShowTip(event, 'tt23', 'link230')" 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=link231 onMouseOver="ShowTip(event, 'tt44', 'link231')" onMouseOut="HideTip('tt44')">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=link232 onMouseOver="ShowTip(event, 'tt44', 'link232')" onMouseOut="HideTip('tt44')">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=link233 onMouseOver="ShowTip(event, 'tt44', 'link233')" onMouseOut="HideTip('tt44')">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=link234 onMouseOver="ShowTip(event, 'tt44', 'link234')" onMouseOut="HideTip('tt44')">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=link235 onMouseOver="ShowTip(event, 'tt44', 'link235')" onMouseOut="HideTip('tt44')">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=link236 onMouseOver="ShowTip(event, 'tt44', 'link236')" onMouseOut="HideTip('tt44')">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=link237 onMouseOver="ShowTip(event, 'tt44', 'link237')" onMouseOut="HideTip('tt44')">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=link238 onMouseOver="ShowTip(event, 'tt44', 'link238')" onMouseOut="HideTip('tt44')">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=link239 onMouseOver="ShowTip(event, 'tt44', 'link239')" onMouseOut="HideTip('tt44')">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=link240 onMouseOver="ShowTip(event, 'tt44', 'link240')" onMouseOut="HideTip('tt44')">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=link241 onMouseOver="ShowTip(event, 'tt44', 'link241')" onMouseOut="HideTip('tt44')">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=link242 onMouseOver="ShowTip(event, 'tt23', 'link242')" 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=link243 onMouseOver="ShowTip(event, 'tt44', 'link243')" onMouseOut="HideTip('tt44')">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=link244 onMouseOver="ShowTip(event, 'tt23', 'link244')" 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=link245 onMouseOver="ShowTip(event, 'tt20', 'link245')" 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=link246 onMouseOver="ShowTip(event, 'tt44', 'link246')" onMouseOut="HideTip('tt44')">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=link247 onMouseOver="ShowTip(event, 'tt44', 'link247')" onMouseOut="HideTip('tt44')">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=link248 onMouseOver="ShowTip(event, 'tt44', 'link248')" onMouseOut="HideTip('tt44')">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=link249 onMouseOver="ShowTip(event, 'tt112', 'link249')" onMouseOut="HideTip('tt112')">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=link250 onMouseOver="ShowTip(event, 'tt18', 'link250')" 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=link251 onMouseOver="ShowTip(event, 'tt113', 'link251')" onMouseOut="HideTip('tt113')">mxCellState.terminalDistance</a>, <a href="mxCellState-js.html#mxCellState.length" class=LVariable id=link252 onMouseOver="ShowTip(event, 'tt114', 'link252')" onMouseOut="HideTip('tt114')">mxCellState.length</a> and <a href="mxCellState-js.html#mxCellState.segments" class=LVariable id=link253 onMouseOver="ShowTip(event, 'tt115', 'link253')" onMouseOut="HideTip('tt115')">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=link254 onMouseOver="ShowTip(event, 'tt44', 'link254')" onMouseOut="HideTip('tt44')">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=link255 onMouseOver="ShowTip(event, 'tt75', 'link255')" onMouseOut="HideTip('tt75')">mxGeometry</a> as an <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link256 onMouseOver="ShowTip(event, 'tt23', 'link256')" onMouseOut="HideTip('tt23')">mxPoint</a>.&nbsp; The edge is represented by the given <a href="mxCellState-js.html#mxCellState" class=LClass id=link257 onMouseOver="ShowTip(event, 'tt44', 'link257')" onMouseOut="HideTip('tt44')">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=link258 onMouseOver="ShowTip(event, 'tt44', 'link258')" onMouseOut="HideTip('tt44')">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=link259 onMouseOver="ShowTip(event, 'tt75', 'link259')" onMouseOut="HideTip('tt75')">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=link260 onMouseOver="ShowTip(event, 'tt44', 'link260')" onMouseOut="HideTip('tt44')">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=link261 onMouseOver="ShowTip(event, 'tt78', 'link261')" onMouseOut="HideTip('tt78')">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=link262 onMouseOver="ShowTip(event, 'tt44', 'link262')" onMouseOut="HideTip('tt44')">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=link263 onMouseOver="ShowTip(event, 'tt44', 'link263')" onMouseOut="HideTip('tt44')">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=link264 onMouseOver="ShowTip(event, 'tt18', 'link264')" onMouseOut="HideTip('tt18')">mxCell</a> for which the <a href="mxCellState-js.html#mxCellState" class=LClass id=link265 onMouseOver="ShowTip(event, 'tt44', 'link265')" onMouseOut="HideTip('tt44')">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=link266 onMouseOver="ShowTip(event, 'tt14', 'link266')" 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=link267 onMouseOver="ShowTip(event, 'tt14', 'link267')" 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=link268 onMouseOver="ShowTip(event, 'tt10', 'link268')" 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=link269 onMouseOver="ShowTip(event, 'tt10', 'link269')" 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=link270 onMouseOver="ShowTip(event, 'tt44', 'link270')" onMouseOut="HideTip('tt44')">mxCellStates</a> for the given array of <a href="../model/mxCell-js.html#mxCell" class=LClass id=link271 onMouseOver="ShowTip(event, 'tt18', 'link271')" 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=link272 onMouseOver="ShowTip(event, 'tt44', 'link272')" onMouseOut="HideTip('tt44')">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=link273 onMouseOver="ShowTip(event, 'tt18', 'link273')" onMouseOut="HideTip('tt18')">mxCell</a> for which the <a href="mxCellState-js.html#mxCellState" class=LClass id=link274 onMouseOver="ShowTip(event, 'tt44', 'link274')" onMouseOut="HideTip('tt44')">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=link275 onMouseOver="ShowTip(event, 'tt44', 'link275')" onMouseOut="HideTip('tt44')">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=link276 onMouseOver="ShowTip(event, 'tt18', 'link276')" onMouseOut="HideTip('tt18')">mxCell</a> for which a new <a href="mxCellState-js.html#mxCellState" class=LClass id=link277 onMouseOver="ShowTip(event, 'tt44', 'link277')" onMouseOut="HideTip('tt44')">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 overlay- and decoratorpanes.</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 layer above the drawing layer.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getDecoratorPane"></a>getDecoratorPane</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getDecoratorPane = 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=link278 onMouseOver="ShowTip(event, 'tt97', 'link278')" onMouseOut="HideTip('tt97')">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=link279 onMouseOver="ShowTip(event, 'tt104', 'link279')" onMouseOut="HideTip('tt104')">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=link280 onMouseOver="ShowTip(event, 'tt105', 'link280')" onMouseOut="HideTip('tt105')">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/mxPanningHandler-js.html">mxPanningHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPopupMenuHandler-js.html">mxPopupMenuHandler</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/mxHandle-js.html">mxVertexHandler</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/mxRadialTreeLayout-js.html">mxRadialTreeLayout</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/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/General.html">Everything</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.lastForegroundNode</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=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.lastForegroundHtmlNode</td></tr></table></blockquote>During validation, this contains the last edge HTML DOM node that was processed.</div></div><div class=CToolTip id="tt29"><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="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.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="tt31"><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="tt32"><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="tt33"><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="tt34"><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="tt35"><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="tt36"><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="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.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="tt38"><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="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>Calls validateCell and validateCellState and updates the graphBounds using getBoundingBox. </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.validateCell = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>visible</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Recursively creates the cell state for the given cell if visible is true and the given cell is visible. </div></div><div class=CToolTip id="tt41"><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.validateCellState = function(</td><td class=PParameter nowrap>cell,</td></tr><tr><td></td><td class=PParameter nowrap>recurse</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Validates and repaints the mxCellState for the given mxCell.</div></div><div class=CToolTip id="tt42"><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.getBoundingBox = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>recurse</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the bounding box of the shape and the label for the given mxCellState and its children if recurse is true.</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.getEmptyBounds = function()</td></tr></table></blockquote>Returns the bounds for an empty graph. </div></div><div class=CToolTip id="tt44"><div class=CClass>Represents the current state of a cell in a given mxGraphView.</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.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="tt46"><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="tt47"><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="tt48"><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="tt49"><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="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.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="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.updateCellState = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Updates the given mxCellState.</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.isCellCollapsed = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns true if the children of the given cell should not be visible in the view. </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.updateVertexState = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>geo</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Validates the given cell state.</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.updateEdgeState = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>geo</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Validates the given cell state.</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.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="tt56"><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="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.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="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.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="tt59"><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="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.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="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.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="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.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="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.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="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.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="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.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="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.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="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.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="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.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="tt69"><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="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.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="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.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="tt72"><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="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.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="tt74"><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="tt75"><div class=CClass>Extends mxRectangle to represent the geometry of a cell.</div></div><div class=CToolTip id="tt76"><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="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.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="tt78"><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="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.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="tt80"><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="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.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="tt82"><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="tt83"><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="tt84"><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="tt85"><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="tt86"><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="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.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="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.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="tt89"><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 overlay- and decoratorpanes.</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.getBackgroundPane = function()</td></tr></table></blockquote>Returns the DOM node that represents the background layer.</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.getDrawPane = function()</td></tr></table></blockquote>Returns the DOM node that represents the main drawing layer.</div></div><div class=CToolTip id="tt92"><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 layer above the drawing layer.</div></div><div class=CToolTip id="tt93"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getDecoratorPane = function()</td></tr></table></blockquote>Returns the DOM node that represents the topmost drawing layer.</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.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="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.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="tt96"><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="tt97"><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="tt98"><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="tt99"><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="tt100"><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="tt101"><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="tt102"><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="tt103"><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="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>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="tt105"><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="tt106"><div class=CClass>Implements a composite undoable edit. </div></div><div class=CToolTip id="tt107"><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="tt108"><div class=CClass>Extends mxShape to implement an image shape. </div></div><div class=CToolTip id="tt109"><div class=CClass>Encapsulates the URL, width and height of an image.</div></div><div class=CToolTip id="tt110"><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>mxGraph.prototype.isCellVisible = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Returns true if the given cell is visible in this graph. </div></div><div class=CToolTip id="tt111"><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="tt112"><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="tt113"><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="tt114"><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="tt115"><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>