zcy
/
maxGraph
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
maxGraph/docs/js-api/files/view/mxGraphView-js.html

261 lines
170 KiB
HTML
Raw Blame History

<!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=link132 onMouseOver="ShowTip(event, 'tt1', 'link132')" 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=link133 onMouseOver="ShowTip(event, 'tt52', 'link133')" onMouseOut="HideTip('tt52')">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="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=link27 onMouseOver="ShowTip(event, 'tt25', 'link27')" onMouseOut="HideTip('tt25')">getGraphBounds</a></td><td class=SDescription>Returns <a href="#mxGraphView.graphBounds" class=LVariable id=link28 onMouseOver="ShowTip(event, 'tt19', 'link28')" onMouseOut="HideTip('tt19')">graphBounds</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setGraphBounds" id=link29 onMouseOver="ShowTip(event, 'tt26', 'link29')" onMouseOut="HideTip('tt26')">setGraphBounds</a></td><td class=SDescription>Sets <a href="#mxGraphView.graphBounds" class=LVariable id=link30 onMouseOver="ShowTip(event, 'tt19', 'link30')" onMouseOut="HideTip('tt19')">graphBounds</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getBounds" id=link31 onMouseOver="ShowTip(event, 'tt27', 'link31')" onMouseOut="HideTip('tt27')">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=link32 onMouseOver="ShowTip(event, 'tt18', 'link32')" onMouseOut="HideTip('tt18')">mxCells</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setCurrentRoot" id=link33 onMouseOver="ShowTip(event, 'tt2', 'link33')" 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=link34 onMouseOver="ShowTip(event, 'tt28', 'link34')" onMouseOut="HideTip('tt28')">mxGraph.sizeDidChange</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.scaleAndTranslate" id=link35 onMouseOver="ShowTip(event, 'tt3', 'link35')" onMouseOut="HideTip('tt3')">scaleAndTranslate</a></td><td class=SDescription>Sets the scale and translation and fires a <a href="#mxGraphView.scale" class=LVariable id=link36 onMouseOver="ShowTip(event, 'tt21', 'link36')" onMouseOut="HideTip('tt21')">scale</a> and <a href="#mxGraphView.translate" class=LVariable id=link37 onMouseOver="ShowTip(event, 'tt22', 'link37')" onMouseOut="HideTip('tt22')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link38 onMouseOver="ShowTip(event, 'tt29', 'link38')" onMouseOut="HideTip('tt29')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link39 onMouseOver="ShowTip(event, 'tt28', 'link39')" onMouseOut="HideTip('tt28')">mxGraph.sizeDidChange</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getScale" id=link40 onMouseOver="ShowTip(event, 'tt30', 'link40')" onMouseOut="HideTip('tt30')">getScale</a></td><td class=SDescription>Returns the <a href="#mxGraphView.scale" class=LVariable id=link41 onMouseOver="ShowTip(event, 'tt21', 'link41')" onMouseOut="HideTip('tt21')">scale</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.setScale" id=link42 onMouseOver="ShowTip(event, 'tt4', 'link42')" onMouseOut="HideTip('tt4')">setScale</a></td><td class=SDescription>Sets the scale and fires a <a href="#mxGraphView.scale" class=LVariable id=link43 onMouseOver="ShowTip(event, 'tt21', 'link43')" onMouseOut="HideTip('tt21')">scale</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link44 onMouseOver="ShowTip(event, 'tt29', 'link44')" onMouseOut="HideTip('tt29')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link45 onMouseOver="ShowTip(event, 'tt28', 'link45')" onMouseOut="HideTip('tt28')">mxGraph.sizeDidChange</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getTranslate" id=link46 onMouseOver="ShowTip(event, 'tt31', 'link46')" onMouseOut="HideTip('tt31')">getTranslate</a></td><td class=SDescription>Returns the <a href="#mxGraphView.translate" class=LVariable id=link47 onMouseOver="ShowTip(event, 'tt22', 'link47')" onMouseOut="HideTip('tt22')">translate</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.setTranslate" id=link48 onMouseOver="ShowTip(event, 'tt5', 'link48')" onMouseOut="HideTip('tt5')">setTranslate</a></td><td class=SDescription>Sets the translation and fires a <a href="#mxGraphView.translate" class=LVariable id=link49 onMouseOver="ShowTip(event, 'tt22', 'link49')" onMouseOut="HideTip('tt22')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link50 onMouseOver="ShowTip(event, 'tt29', 'link50')" onMouseOut="HideTip('tt29')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link51 onMouseOver="ShowTip(event, 'tt28', 'link51')" onMouseOut="HideTip('tt28')">mxGraph.sizeDidChange</a>. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.refresh" id=link52 onMouseOver="ShowTip(event, 'tt32', 'link52')" onMouseOut="HideTip('tt32')">refresh</a></td><td class=SDescription>Clears the view if <a href="#mxGraphView.currentRoot" class=LVariable id=link53 onMouseOver="ShowTip(event, 'tt17', 'link53')" 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=link54 onMouseOver="ShowTip(event, 'tt29', 'link54')" onMouseOut="HideTip('tt29')">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=link55 onMouseOver="ShowTip(event, 'tt33', 'link55')" onMouseOut="HideTip('tt33')">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=link56 onMouseOver="ShowTip(event, 'tt34', 'link56')" onMouseOut="HideTip('tt34')">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=link57 onMouseOver="ShowTip(event, 'tt35', 'link57')" onMouseOut="HideTip('tt35')">validate</a></td><td class=SDescription>First validates all bounds and then validates all points recursively on all visible cells starting at the given cell. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.createBackgroundPageShape" id=link58 onMouseOver="ShowTip(event, 'tt36', 'link58')" onMouseOut="HideTip('tt36')">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=link59 onMouseOver="ShowTip(event, 'tt37', 'link59')" onMouseOut="HideTip('tt37')">validateBackground</a></td><td class=SDescription>Validates the background image.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getBackgroundPageBounds" id=link60 onMouseOver="ShowTip(event, 'tt38', 'link60')" onMouseOut="HideTip('tt38')">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=link61 onMouseOver="ShowTip(event, 'tt39', 'link61')" onMouseOut="HideTip('tt39')">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.validateBounds" id=link62 onMouseOver="ShowTip(event, 'tt40', 'link62')" onMouseOut="HideTip('tt40')">validateBounds</a></td><td class=SDescription>Validates the bounds of the given parent&rsquo;s child using the given parent state as the origin for the child. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updateVertexLabelOffset" id=link63 onMouseOver="ShowTip(event, 'tt41', 'link63')" onMouseOut="HideTip('tt41')">updateVertexLabelOffset</a></td><td class=SDescription>Updates the absoluteOffset of the given vertex cell state. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.validatePoints" id=link64 onMouseOver="ShowTip(event, 'tt42', 'link64')" onMouseOut="HideTip('tt42')">validatePoints</a></td><td class=SDescription>Validates the points for the state of the given cell recursively if the cell is not collapsed and returns the bounding box of all visited states as an <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link65 onMouseOver="ShowTip(event, 'tt20', 'link65')" onMouseOut="HideTip('tt20')">mxRectangle</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.childMoved" id=link66 onMouseOver="ShowTip(event, 'tt43', 'link66')" onMouseOut="HideTip('tt43')">childMoved</a></td><td class=SDescription>Invoked when a child state was moved as a result of late evaluation of its position. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateFixedTerminalPoints" id=link67 onMouseOver="ShowTip(event, 'tt44', 'link67')" onMouseOut="HideTip('tt44')">updateFixedTerminalPoints</a></td><td class=SDescription>Sets the initial absolute terminal points in the given state before the edge style is computed.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updateFixedTerminalPoint" id=link68 onMouseOver="ShowTip(event, 'tt45', 'link68')" onMouseOut="HideTip('tt45')">updateFixedTerminalPoint</a></td><td class=SDescription>Sets the fixed source or target terminal point on the given edge.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updatePoints" id=link69 onMouseOver="ShowTip(event, 'tt46', 'link69')" onMouseOut="HideTip('tt46')">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=link70 onMouseOver="ShowTip(event, 'tt23', 'link70')" onMouseOut="HideTip('tt23')">mxPoints</a> as the relative points.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.transformControlPoint" id=link71 onMouseOver="ShowTip(event, 'tt47', 'link71')" onMouseOut="HideTip('tt47')">transformControlPoint</a></td><td class=SDescription>Transforms the given control point to an absolute point.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getEdgeStyle" id=link72 onMouseOver="ShowTip(event, 'tt48', 'link72')" onMouseOut="HideTip('tt48')">getEdgeStyle</a></td><td class=SDescription>Returns the edge style function to be used to render the given edge state.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updateFloatingTerminalPoints" id=link73 onMouseOver="ShowTip(event, 'tt49', 'link73')" onMouseOut="HideTip('tt49')">updateFloatingTerminalPoints</a></td><td class=SDescription>Updates the terminal points in the given state after the edge style was computed for the edge.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateFloatingTerminalPoint" id=link74 onMouseOver="ShowTip(event, 'tt50', 'link74')" onMouseOut="HideTip('tt50')">updateFloatingTerminalPoint</a></td><td class=SDescription>Updates the absolute terminal point in the given state for the given start and end state, where start is the source if source is true.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getTerminalPort" id=link75 onMouseOver="ShowTip(event, 'tt51', 'link75')" onMouseOut="HideTip('tt51')">getTerminalPort</a></td><td class=SDescription>Returns an <a href="mxCellState-js.html#mxCellState" class=LClass id=link76 onMouseOver="ShowTip(event, 'tt52', 'link76')" onMouseOut="HideTip('tt52')">mxCellState</a> that represents the source or target terminal or port for the given edge.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getPerimeterPoint" id=link77 onMouseOver="ShowTip(event, 'tt53', 'link77')" onMouseOut="HideTip('tt53')">getPerimeterPoint</a></td><td class=SDescription>Returns an <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link78 onMouseOver="ShowTip(event, 'tt23', 'link78')" onMouseOut="HideTip('tt23')">mxPoint</a> that defines the location of the intersection point between the perimeter and the line between the center of the shape and the given point.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getRoutingCenterX" id=link79 onMouseOver="ShowTip(event, 'tt54', 'link79')" onMouseOut="HideTip('tt54')">getRoutingCenterX</a></td><td class=SDescription>Returns the x-coordinate of the center point for automatic routing.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getRoutingCenterY" id=link80 onMouseOver="ShowTip(event, 'tt55', 'link80')" onMouseOut="HideTip('tt55')">getRoutingCenterY</a></td><td class=SDescription>Returns the y-coordinate of the center point for automatic routing.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getPerimeterBounds" id=link81 onMouseOver="ShowTip(event, 'tt56', 'link81')" onMouseOut="HideTip('tt56')">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=link82 onMouseOver="ShowTip(event, 'tt20', 'link82')" onMouseOut="HideTip('tt20')">mxRectangle</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getPerimeterFunction" id=link83 onMouseOver="ShowTip(event, 'tt57', 'link83')" onMouseOut="HideTip('tt57')">getPerimeterFunction</a></td><td class=SDescription>Returns the perimeter function for the given state.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getNextPoint" id=link84 onMouseOver="ShowTip(event, 'tt58', 'link84')" onMouseOut="HideTip('tt58')">getNextPoint</a></td><td class=SDescription>Returns the nearest point in the list of absolute points or the center of the opposite terminal.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getVisibleTerminal" id=link85 onMouseOver="ShowTip(event, 'tt59', 'link85')" onMouseOut="HideTip('tt59')">getVisibleTerminal</a></td><td class=SDescription>Returns the nearest ancestor terminal that is visible. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.updateEdgeBounds" id=link86 onMouseOver="ShowTip(event, 'tt60', 'link86')" onMouseOut="HideTip('tt60')">updateEdgeBounds</a></td><td class=SDescription>Updates the given state using the bounding box of the absolute points. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getPoint" id=link87 onMouseOver="ShowTip(event, 'tt61', 'link87')" onMouseOut="HideTip('tt61')">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=link88 onMouseOver="ShowTip(event, 'tt62', 'link88')" onMouseOut="HideTip('tt62')">mxGeometry</a> as an <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link89 onMouseOver="ShowTip(event, 'tt23', 'link89')" onMouseOut="HideTip('tt23')">mxPoint</a>. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getRelativePoint" id=link90 onMouseOver="ShowTip(event, 'tt63', 'link90')" onMouseOut="HideTip('tt63')">getRelativePoint</a></td><td class=SDescription>Gets the relative point that describes the given, absolute label position for the given edge state.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.updateEdgeLabelOffset" id=link91 onMouseOver="ShowTip(event, 'tt64', 'link91')" onMouseOut="HideTip('tt64')">updateEdgeLabelOffset</a></td><td class=SDescription>Updates <a href="mxCellState-js.html#mxCellState.absoluteOffset" class=LVariable id=link92 onMouseOver="ShowTip(event, 'tt65', 'link92')" onMouseOut="HideTip('tt65')">mxCellState.absoluteOffset</a> for the given state. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getState" id=link93 onMouseOver="ShowTip(event, 'tt66', 'link93')" onMouseOut="HideTip('tt66')">getState</a></td><td class=SDescription>Returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link94 onMouseOver="ShowTip(event, 'tt52', 'link94')" onMouseOut="HideTip('tt52')">mxCellState</a> for the given cell. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.isRendering" id=link95 onMouseOver="ShowTip(event, 'tt67', 'link95')" onMouseOut="HideTip('tt67')">isRendering</a></td><td class=SDescription>Returns <a href="#mxGraphView.rendering" class=LVariable id=link96 onMouseOver="ShowTip(event, 'tt14', 'link96')" onMouseOut="HideTip('tt14')">rendering</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setRendering" id=link97 onMouseOver="ShowTip(event, 'tt68', 'link97')" onMouseOut="HideTip('tt68')">setRendering</a></td><td class=SDescription>Sets <a href="#mxGraphView.rendering" class=LVariable id=link98 onMouseOver="ShowTip(event, 'tt14', 'link98')" onMouseOut="HideTip('tt14')">rendering</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.isAllowEval" id=link99 onMouseOver="ShowTip(event, 'tt69', 'link99')" onMouseOut="HideTip('tt69')">isAllowEval</a></td><td class=SDescription>Returns <a href="#mxGraphView.allowEval" class=LVariable id=link100 onMouseOver="ShowTip(event, 'tt10', 'link100')" onMouseOut="HideTip('tt10')">allowEval</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setAllowEval" id=link101 onMouseOver="ShowTip(event, 'tt70', 'link101')" onMouseOut="HideTip('tt70')">setAllowEval</a></td><td class=SDescription>Sets <a href="#mxGraphView.allowEval" class=LVariable id=link102 onMouseOver="ShowTip(event, 'tt10', 'link102')" onMouseOut="HideTip('tt10')">allowEval</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getStates" id=link103 onMouseOver="ShowTip(event, 'tt71', 'link103')" onMouseOut="HideTip('tt71')">getStates</a></td><td class=SDescription>Returns &lt;states&gt;.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.setStates" id=link104 onMouseOver="ShowTip(event, 'tt72', 'link104')" onMouseOut="HideTip('tt72')">setStates</a></td><td class=SDescription>Sets &lt;states&gt;.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getCellStates" id=link105 onMouseOver="ShowTip(event, 'tt73', 'link105')" onMouseOut="HideTip('tt73')">getCellStates</a></td><td class=SDescription>Returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link106 onMouseOver="ShowTip(event, 'tt52', 'link106')" onMouseOut="HideTip('tt52')">mxCellStates</a> for the given array of <a href="../model/mxCell-js.html#mxCell" class=LClass id=link107 onMouseOver="ShowTip(event, 'tt18', 'link107')" onMouseOut="HideTip('tt18')">mxCells</a>. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.removeState" id=link108 onMouseOver="ShowTip(event, 'tt74', 'link108')" onMouseOut="HideTip('tt74')">removeState</a></td><td class=SDescription>Removes and returns the <a href="mxCellState-js.html#mxCellState" class=LClass id=link109 onMouseOver="ShowTip(event, 'tt52', 'link109')" onMouseOut="HideTip('tt52')">mxCellState</a> for the given cell.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.createState" id=link110 onMouseOver="ShowTip(event, 'tt75', 'link110')" onMouseOut="HideTip('tt75')">createState</a></td><td class=SDescription>Creates and returns an <a href="mxCellState-js.html#mxCellState" class=LClass id=link111 onMouseOver="ShowTip(event, 'tt52', 'link111')" onMouseOut="HideTip('tt52')">mxCellState</a> for the given cell and initializes it using <a href="mxCellRenderer-js.html#mxCellRenderer.initialize" class=LFunction id=link112 onMouseOver="ShowTip(event, 'tt76', 'link112')" onMouseOut="HideTip('tt76')">mxCellRenderer.initialize</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getCanvas" id=link113 onMouseOver="ShowTip(event, 'tt77', 'link113')" onMouseOut="HideTip('tt77')">getCanvas</a></td><td class=SDescription>Returns the DOM node that contains the background-, draw- and overlaypane.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getBackgroundPane" id=link114 onMouseOver="ShowTip(event, 'tt78', 'link114')" onMouseOut="HideTip('tt78')">getBackgroundPane</a></td><td class=SDescription>Returns the DOM node that represents the background layer.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.getDrawPane" id=link115 onMouseOver="ShowTip(event, 'tt79', 'link115')" onMouseOut="HideTip('tt79')">getDrawPane</a></td><td class=SDescription>Returns the DOM node that represents the main drawing layer.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxGraphView.getOverlayPane" id=link116 onMouseOver="ShowTip(event, 'tt80', 'link116')" onMouseOut="HideTip('tt80')">getOverlayPane</a></td><td class=SDescription>Returns the DOM node that represents the topmost drawing layer.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxGraphView.isContainerEvent" id=link117 onMouseOver="ShowTip(event, 'tt81', 'link117')" onMouseOut="HideTip('tt81')">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=link118 onMouseOver="ShowTip(event, 'tt82', 'link118')" onMouseOut="HideTip('tt82')">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=link119 onMouseOver="ShowTip(event, 'tt83', 'link119')" onMouseOut="HideTip('tt83')">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=link120 onMouseOver="ShowTip(event, 'tt84', 'link120')" onMouseOut="HideTip('tt84')">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=link121 onMouseOver="ShowTip(event, 'tt85', 'link121')" onMouseOut="HideTip('tt85')">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=link122 onMouseOver="ShowTip(event, 'tt84', 'link122')" onMouseOut="HideTip('tt84')">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=link123 onMouseOver="ShowTip(event, 'tt86', 'link123')" onMouseOut="HideTip('tt86')">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=link124 onMouseOver="ShowTip(event, 'tt87', 'link124')" onMouseOut="HideTip('tt87')">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=link125 onMouseOver="ShowTip(event, 'tt84', 'link125')" onMouseOut="HideTip('tt84')">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=link126 onMouseOver="ShowTip(event, 'tt88', 'link126')" onMouseOut="HideTip('tt88')">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=link127 onMouseOver="ShowTip(event, 'tt84', 'link127')" onMouseOut="HideTip('tt84')">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=link128 onMouseOver="ShowTip(event, 'tt89', 'link128')" onMouseOut="HideTip('tt89')">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=link129 onMouseOver="ShowTip(event, 'tt90', 'link129')" onMouseOut="HideTip('tt90')">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=link130 onMouseOver="ShowTip(event, 'tt91', 'link130')" onMouseOut="HideTip('tt91')">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=link131 onMouseOver="ShowTip(event, 'tt92', 'link131')" onMouseOut="HideTip('tt92')">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=link134 onMouseOver="ShowTip(event, 'tt2', 'link134')" 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=link135 onMouseOver="ShowTip(event, 'tt93', 'link135')" onMouseOut="HideTip('tt93')">mxUndoableEdit</a> which contains the <a href="#mxCurrentRootChange" class=LClass id=link136 onMouseOver="ShowTip(event, 'tt6', 'link136')" 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=link137 onMouseOver="ShowTip(event, 'tt3', 'link137')" 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=link138 onMouseOver="ShowTip(event, 'tt4', 'link138')" 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=link139 onMouseOver="ShowTip(event, 'tt5', 'link139')" 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=link140 onMouseOver="ShowTip(event, 'tt6', 'link140')" 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=link141 onMouseOver="ShowTip(event, 'tt8', 'link141')" 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=link142 onMouseOver="ShowTip(event, 'tt8', 'link142')" 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=link143 onMouseOver="ShowTip(event, 'tt11', 'link143')" 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=link144 onMouseOver="ShowTip(event, 'tt94', 'link144')" onMouseOut="HideTip('tt94')">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=link145 onMouseOver="ShowTip(event, 'tt15', 'link145')" onMouseOut="HideTip('tt15')">mxCellRenderer</a> in <a href="#mxGraphView.graph" class=LVariable id=link146 onMouseOver="ShowTip(event, 'tt16', 'link146')" 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=link147 onMouseOver="ShowTip(event, 'tt8', 'link147')" 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=link148 onMouseOver="ShowTip(event, 'tt18', 'link148')" 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=link149 onMouseOver="ShowTip(event, 'tt20', 'link149')" 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=link150 onMouseOver="ShowTip(event, 'tt23', 'link150')" 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=link151 onMouseOver="ShowTip(event, 'tt23', 'link151')" 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="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=link152 onMouseOver="ShowTip(event, 'tt19', 'link152')" 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=link153 onMouseOver="ShowTip(event, 'tt19', 'link153')" 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=link154 onMouseOver="ShowTip(event, 'tt18', 'link154')" 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=link155 onMouseOver="ShowTip(event, 'tt18', 'link155')" 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=link156 onMouseOver="ShowTip(event, 'tt28', 'link156')" onMouseOut="HideTip('tt28')">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=link157 onMouseOver="ShowTip(event, 'tt18', 'link157')" 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=link158 onMouseOver="ShowTip(event, 'tt21', 'link158')" onMouseOut="HideTip('tt21')">scale</a> and <a href="#mxGraphView.translate" class=LVariable id=link159 onMouseOver="ShowTip(event, 'tt22', 'link159')" onMouseOut="HideTip('tt22')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link160 onMouseOver="ShowTip(event, 'tt29', 'link160')" onMouseOut="HideTip('tt29')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link161 onMouseOver="ShowTip(event, 'tt28', 'link161')" onMouseOut="HideTip('tt28')">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=link162 onMouseOver="ShowTip(event, 'tt21', 'link162')" 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=link163 onMouseOver="ShowTip(event, 'tt21', 'link163')" onMouseOut="HideTip('tt21')">scale</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link164 onMouseOver="ShowTip(event, 'tt29', 'link164')" onMouseOut="HideTip('tt29')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link165 onMouseOver="ShowTip(event, 'tt28', 'link165')" onMouseOut="HideTip('tt28')">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=link166 onMouseOver="ShowTip(event, 'tt22', 'link166')" 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=link167 onMouseOver="ShowTip(event, 'tt22', 'link167')" onMouseOut="HideTip('tt22')">translate</a> event before calling <a href="#mxGraphView.revalidate" class=LFunction id=link168 onMouseOver="ShowTip(event, 'tt29', 'link168')" onMouseOut="HideTip('tt29')">revalidate</a> followed by <a href="mxGraph-js.html#mxGraph.sizeDidChange" class=LFunction id=link169 onMouseOver="ShowTip(event, 'tt28', 'link169')" onMouseOut="HideTip('tt28')">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=link170 onMouseOver="ShowTip(event, 'tt17', 'link170')" 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=link171 onMouseOver="ShowTip(event, 'tt18', 'link171')" 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></tr><tr><td></td><td class=PParameter nowrap>orderChanged</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=link172 onMouseOver="ShowTip(event, 'tt18', 'link172')" 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>First validates all bounds and then validates all points recursively on all visible cells starting at the given cell.&nbsp; Finally the background is validated using <a href="#mxGraphView.validateBackground" class=LFunction id=link173 onMouseOver="ShowTip(event, 'tt37', 'link173')" onMouseOut="HideTip('tt37')">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=link174 onMouseOver="ShowTip(event, 'tt18', 'link174')" onMouseOut="HideTip('tt18')">mxCell</a> to be used as the root of the validation.&nbsp; Default is <a href="#mxGraphView.currentRoot" class=LVariable id=link175 onMouseOver="ShowTip(event, 'tt17', 'link175')" onMouseOut="HideTip('tt17')">currentRoot</a> or the root of the model.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.createBackgroundPageShape"></a>createBackgroundPageShape</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.createBackgroundPageShape = function(</td><td class=PParameter nowrap>bounds</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates and returns the shape used as the background page.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>bounds</td><td class=CDLDescription><a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link176 onMouseOver="ShowTip(event, 'tt20', 'link176')" 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>Validates the background image.</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=link177 onMouseOver="ShowTip(event, 'tt95', 'link177')" onMouseOut="HideTip('tt95')">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=link178 onMouseOver="ShowTip(event, 'tt96', 'link178')" onMouseOut="HideTip('tt96')">mxImage</a> that specifies the image and its dimensions.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.validateBounds"></a>validateBounds</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validateBounds = function(</td><td class=PParameter nowrap>parentState,</td></tr><tr><td></td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Validates the bounds of the given parent&rsquo;s child using the given parent state as the origin for the child.&nbsp; The validation is carried out recursively for all non-collapsed descendants.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>parentState</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link179 onMouseOver="ShowTip(event, 'tt52', 'link179')" onMouseOut="HideTip('tt52')">mxCellState</a> for the given parent.</td></tr><tr><td class=CDLEntry>cell</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link180 onMouseOver="ShowTip(event, 'tt18', 'link180')" onMouseOut="HideTip('tt18')">mxCell</a> for which the bounds in the state should be updated.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateVertexLabelOffset"></a>updateVertexLabelOffset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateVertexLabelOffset = function(</td><td class=PParameter nowrap>state</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Updates the absoluteOffset of the given vertex cell state.&nbsp; This takes into account the label position styles.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>state</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link181 onMouseOver="ShowTip(event, 'tt52', 'link181')" onMouseOut="HideTip('tt52')">mxCellState</a> whose absolute offset should be updated.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.validatePoints"></a>validatePoints</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validatePoints = function(</td><td class=PParameter nowrap>parentState,</td></tr><tr><td></td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Validates the points for the state of the given cell recursively if the cell is not collapsed and returns the bounding box of all visited states as an <a href="../util/mxRectangle-js.html#mxRectangle" class=LClass id=link182 onMouseOver="ShowTip(event, 'tt20', 'link182')" onMouseOut="HideTip('tt20')">mxRectangle</a>.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>parentState</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link183 onMouseOver="ShowTip(event, 'tt52', 'link183')" onMouseOut="HideTip('tt52')">mxCellState</a> for the parent cell.</td></tr><tr><td class=CDLEntry>cell</td><td class=CDLDescription><a href="../model/mxCell-js.html#mxCell" class=LClass id=link184 onMouseOver="ShowTip(event, 'tt18', 'link184')" onMouseOut="HideTip('tt18')">mxCell</a> whose points in the state should be updated.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.childMoved"></a>childMoved</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.childMoved = function(</td><td class=PParameter nowrap>parent,</td></tr><tr><td></td><td class=PParameter nowrap>child</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Invoked when a child state was moved as a result of late evaluation of its position.&nbsp; This is invoked for relative edge children whose position can only be determined after the points of the parent edge are updated in validatePoints, and validates the bounds of all descendants of the child using validateBounds.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>parent</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link185 onMouseOver="ShowTip(event, 'tt52', 'link185')" onMouseOut="HideTip('tt52')">mxCellState</a> that represents the parent state.</td></tr><tr><td class=CDLEntry>child</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link186 onMouseOver="ShowTip(event, 'tt52', 'link186')" onMouseOut="HideTip('tt52')">mxCellState</a> that represents the child state.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.updateFixedTerminalPoints"></a>updateFixedTerminalPoints</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.updateFixedTerminalPoints = function(</td><td class=PParameter nowrap>edge,</td></tr><tr><td></td><td class=PParameter nowrap>source,</td></tr><tr><td></td><td class=PParameter nowrap>target</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets the initial absolute terminal points in the given state before the edge style is computed.</p><h4 class=CHeading>Parameters</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>edge</td><td class=CDLDescription><a href="mxCellState-js.html#mxCellState" class=LClass id=link187 onMouseOver="ShowTip(event, 'tt52', 'link187')" onMouseOut="HideTip('tt52')">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=link188 onMouseOver="ShowTip(event, 'tt52', 'link188')" onMouseOut="HideTip('tt52')">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=link189 onMouseOver="ShowTip(event, 'tt52', 'link189')" onMouseOut="HideTip('tt52')">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=link190 onMouseOver="ShowTip(event, 'tt52', 'link190')" onMouseOut="HideTip('tt52')">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=link191 onMouseOver="ShowTip(event, 'tt52', 'link191')" onMouseOut="HideTip('tt52')">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=link192 onMouseOver="ShowTip(event, 'tt97', 'link192')" onMouseOut="HideTip('tt97')">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=link193 onMouseOver="ShowTip(event, 'tt23', 'link193')" 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=link194 onMouseOver="ShowTip(event, 'tt52', 'link194')" onMouseOut="HideTip('tt52')">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=link195 onMouseOver="ShowTip(event, 'tt23', 'link195')" 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=link196 onMouseOver="ShowTip(event, 'tt52', 'link196')" onMouseOut="HideTip('tt52')">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=link197 onMouseOver="ShowTip(event, 'tt52', 'link197')" onMouseOut="HideTip('tt52')">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=link198 onMouseOver="ShowTip(event, 'tt52', 'link198')" onMouseOut="HideTip('tt52')">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=link199 onMouseOver="ShowTip(event, 'tt52', 'link199')" onMouseOut="HideTip('tt52')">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=link200 onMouseOver="ShowTip(event, 'tt52', 'link200')" onMouseOut="HideTip('tt52')">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=link201 onMouseOver="ShowTip(event, 'tt52', 'link201')" onMouseOut="HideTip('tt52')">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=link202 onMouseOver="ShowTip(event, 'tt52', 'link202')" onMouseOut="HideTip('tt52')">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=link203 onMouseOver="ShowTip(event, 'tt52', 'link203')" onMouseOut="HideTip('tt52')">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=link204 onMouseOver="ShowTip(event, 'tt52', 'link204')" onMouseOut="HideTip('tt52')">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=link205 onMouseOver="ShowTip(event, 'tt52', 'link205')" onMouseOut="HideTip('tt52')">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=link206 onMouseOver="ShowTip(event, 'tt52', 'link206')" onMouseOut="HideTip('tt52')">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=link207 onMouseOver="ShowTip(event, 'tt23', 'link207')" 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=link208 onMouseOver="ShowTip(event, 'tt52', 'link208')" onMouseOut="HideTip('tt52')">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=link209 onMouseOver="ShowTip(event, 'tt23', 'link209')" 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=link210 onMouseOver="ShowTip(event, 'tt20', 'link210')" 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=link211 onMouseOver="ShowTip(event, 'tt52', 'link211')" onMouseOut="HideTip('tt52')">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=link212 onMouseOver="ShowTip(event, 'tt52', 'link212')" onMouseOut="HideTip('tt52')">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=link213 onMouseOver="ShowTip(event, 'tt52', 'link213')" onMouseOut="HideTip('tt52')">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=link214 onMouseOver="ShowTip(event, 'tt98', 'link214')" onMouseOut="HideTip('tt98')">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=link215 onMouseOver="ShowTip(event, 'tt18', 'link215')" 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 the absolute points.&nbsp; Also updates <a href="mxCellState-js.html#mxCellState.terminalDistance" class=LVariable id=link216 onMouseOver="ShowTip(event, 'tt99', 'link216')" onMouseOut="HideTip('tt99')">mxCellState.terminalDistance</a>, <a href="mxCellState-js.html#mxCellState.length" class=LVariable id=link217 onMouseOver="ShowTip(event, 'tt100', 'link217')" onMouseOut="HideTip('tt100')">mxCellState.length</a> and <a href="mxCellState-js.html#mxCellState.segments" class=LVariable id=link218 onMouseOver="ShowTip(event, 'tt101', 'link218')" onMouseOut="HideTip('tt101')">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=link219 onMouseOver="ShowTip(event, 'tt52', 'link219')" onMouseOut="HideTip('tt52')">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=link220 onMouseOver="ShowTip(event, 'tt62', 'link220')" onMouseOut="HideTip('tt62')">mxGeometry</a> as an <a href="../util/mxPoint-js.html#mxPoint" class=LClass id=link221 onMouseOver="ShowTip(event, 'tt23', 'link221')" onMouseOut="HideTip('tt23')">mxPoint</a>.&nbsp; The edge is represented by the given <a href="mxCellState-js.html#mxCellState" class=LClass id=link222 onMouseOver="ShowTip(event, 'tt52', 'link222')" onMouseOut="HideTip('tt52')">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=link223 onMouseOver="ShowTip(event, 'tt52', 'link223')" onMouseOut="HideTip('tt52')">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=link224 onMouseOver="ShowTip(event, 'tt62', 'link224')" onMouseOut="HideTip('tt62')">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=link225 onMouseOver="ShowTip(event, 'tt52', 'link225')" onMouseOut="HideTip('tt52')">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=link226 onMouseOver="ShowTip(event, 'tt65', 'link226')" onMouseOut="HideTip('tt65')">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=link227 onMouseOver="ShowTip(event, 'tt52', 'link227')" onMouseOut="HideTip('tt52')">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=link228 onMouseOver="ShowTip(event, 'tt52', 'link228')" onMouseOut="HideTip('tt52')">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=link229 onMouseOver="ShowTip(event, 'tt18', 'link229')" onMouseOut="HideTip('tt18')">mxCell</a> for which the <a href="mxCellState-js.html#mxCellState" class=LClass id=link230 onMouseOver="ShowTip(event, 'tt52', 'link230')" onMouseOut="HideTip('tt52')">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=link231 onMouseOver="ShowTip(event, 'tt14', 'link231')" 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=link232 onMouseOver="ShowTip(event, 'tt14', 'link232')" 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=link233 onMouseOver="ShowTip(event, 'tt10', 'link233')" 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=link234 onMouseOver="ShowTip(event, 'tt10', 'link234')" 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=link235 onMouseOver="ShowTip(event, 'tt52', 'link235')" onMouseOut="HideTip('tt52')">mxCellStates</a> for the given array of <a href="../model/mxCell-js.html#mxCell" class=LClass id=link236 onMouseOver="ShowTip(event, 'tt18', 'link236')" 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=link237 onMouseOver="ShowTip(event, 'tt52', 'link237')" onMouseOut="HideTip('tt52')">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=link238 onMouseOver="ShowTip(event, 'tt18', 'link238')" onMouseOut="HideTip('tt18')">mxCell</a> for which the <a href="mxCellState-js.html#mxCellState" class=LClass id=link239 onMouseOver="ShowTip(event, 'tt52', 'link239')" onMouseOut="HideTip('tt52')">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=link240 onMouseOver="ShowTip(event, 'tt52', 'link240')" onMouseOut="HideTip('tt52')">mxCellState</a> for the given cell and initializes it using <a href="mxCellRenderer-js.html#mxCellRenderer.initialize" class=LFunction id=link241 onMouseOver="ShowTip(event, 'tt76', 'link241')" onMouseOut="HideTip('tt76')">mxCellRenderer.initialize</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=link242 onMouseOver="ShowTip(event, 'tt18', 'link242')" onMouseOut="HideTip('tt18')">mxCell</a> for which a new <a href="mxCellState-js.html#mxCellState" class=LClass id=link243 onMouseOver="ShowTip(event, 'tt52', 'link243')" onMouseOut="HideTip('tt52')">mxCellState</a> should be created.</td></tr></table></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getCanvas"></a>getCanvas</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getCanvas = function()</td></tr></table></blockquote><p>Returns the DOM node that contains the background-, draw- and overlaypane.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getBackgroundPane"></a>getBackgroundPane</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getBackgroundPane = function()</td></tr></table></blockquote><p>Returns the DOM node that represents the background layer.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getDrawPane"></a>getDrawPane</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getDrawPane = function()</td></tr></table></blockquote><p>Returns the DOM node that represents the main drawing layer.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.getOverlayPane"></a>getOverlayPane</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getOverlayPane = function()</td></tr></table></blockquote><p>Returns the DOM node that represents the topmost drawing layer.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.isContainerEvent"></a>isContainerEvent</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.isContainerEvent = function(</td><td class=PParameter nowrap>evt</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the event origin is one of the drawing panes or containers of the view.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.isScrollEvent"></a>isScrollEvent</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.isScrollEvent = function(</td><td class=PParameter nowrap>evt</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the event origin is one of the scrollbars of the container in IE.&nbsp; Such events are ignored.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxGraphView.init"></a>init</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.init = function()</td></tr></table></blockquote><p>Initializes the graph event dispatch loop for the specified container and invokes <a href="#mxGraphView.create" class=LFunction id=link244 onMouseOver="ShowTip(event, 'tt84', 'link244')" onMouseOut="HideTip('tt84')">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=link245 onMouseOver="ShowTip(event, 'tt91', 'link245')" onMouseOut="HideTip('tt91')">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=link246 onMouseOver="ShowTip(event, 'tt92', 'link246')" onMouseOut="HideTip('tt92')">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">mxPanningHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxRubberband-js.html">mxRubberband</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxSelectionCellsHandler-js.html">mxSelectionCellsHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxTooltipHandler-js.html">mxTooltipHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxVertexHandler-js.html">mxVertexHandler</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent3')">Io</a><div class=MGroupContent id=MGroupContent3><div class=MEntry><div class=MFile><a href="../io/mxCellCodec-js.html">mxCellCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxChildChangeCodec-js.html">mxChildChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodec-js.html">mxCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodecRegistry-js.html">mxCodecRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultKeyHandlerCodec-js.html">mxDefaultKeyHandlerCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultPopupMenuCodec-js.html">mxDefaultPopupMenuCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultToolbarCodec-js.html">mxDefaultToolbarCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxEditorCodec-js.html">mxEditorCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGenericChangeCodec-js.html">mxGenericChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphCodec-js.html">mxGraphCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphViewCodec-js.html">mxGraphViewCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxModelCodec-js.html">mxModelCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxObjectCodec-js.html">mxObjectCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxRootChangeCodec-js.html">mxRootChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxStylesheetCodec-js.html">mxStylesheetCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxTerminalChangeCodec-js.html">mxTerminalChangeCodec</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent7')">Layout</a><div class=MGroupContent id=MGroupContent7><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent6')">Hierarchical</a><div class=MGroupContent id=MGroupContent6><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent4')">Model</a><div class=MGroupContent id=MGroupContent4><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphAbstractHierarchyCell-js.html">mxGraphAbstractHierarchyCell</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyEdge-js.html">mxGraphHierarchyEdge</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyModel-js.html">mxGraphHierarchyModel</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyNode-js.html">mxGraphHierarchyNode</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/mxHierarchicalLayout-js.html">mxHierarchicalLayout</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></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCircleLayout-js.html">mxCircleLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompactTreeLayout-js.html">mxCompactTreeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompositeLayout-js.html">mxCompositeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxEdgeLabelLayout-js.html">mxEdgeLabelLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxFastOrganicLayout-js.html">mxFastOrganicLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxGraphLayout-js.html">mxGraphLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxParallelEdgeLayout-js.html">mxParallelEdgeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxPartitionLayout-js.html">mxPartitionLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxStackLayout-js.html">mxStackLayout</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent8')">Model</a><div class=MGroupContent id=MGroupContent8><div class=MEntry><div class=MFile><a href="../model/mxCell-js.html">mxCell</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxCellPath-js.html">mxCellPath</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGeometry-js.html">mxGeometry</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGraphModel-js.html">mxGraphModel</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../mxClient-js.html">mxClient</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent9')">Shape</a><div class=MGroupContent id=MGroupContent9><div class=MEntry><div class=MFile><a href="../shape/mxActor-js.html">mxActor</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxArrow-js.html">mxArrow</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxCloud-js.html">mxCloud</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxConnector-js.html">mxConnector</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxCylinder-js.html">mxCylinder</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxDoubleEllipse-js.html">mxDoubleEllipse</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxEllipse-js.html">mxEllipse</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxHexagon-js.html">mxHexagon</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxImageShape-js.html">mxImageShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxLabel-js.html">mxLabel</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxLine-js.html">mxLine</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxMarker-js.html">mxMarker</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxPolyline-js.html">mxPolyline</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxRectangleShape-js.html">mxRectangleShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxRhombus-js.html">mxRhombus</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxShape-js.html">mxShape</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxStencil-js.html">mxStencil</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxStencilRegistry-js.html">mxStencilRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxSwimlane-js.html">mxSwimlane</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxText-js.html">mxText</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxTriangle-js.html">mxTriangle</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent10')">Util</a><div class=MGroupContent id=MGroupContent10><div class=MEntry><div class=MFile><a href="../util/mxAbstractCanvas2D-js.html">mxAbstractCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxAnimation-js.html">mxAnimation</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxAutoSaveManager-js.html">mxAutoSaveManager</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxClipboard-js.html">mxClipboard</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxConstants-js.html">mxConstants</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDictionary-js.html">mxDictionary</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDivResizer-js.html">mxDivResizer</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxDragSource-js.html">mxDragSource</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEffects-js.html">mxEffects</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEvent-js.html">mxEvent</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEventObject-js.html">mxEventObject</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxEventSource-js.html">mxEventSource</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxForm-js.html">mxForm</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxGuide-js.html">mxGuide</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImage-js.html">mxImage</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImageBundle-js.html">mxImageBundle</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxImageExport-js.html">mxImageExport</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxLog-js.html">mxLog</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxMorphing-js.html">mxMorphing</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxMouseEvent-js.html">mxMouseEvent</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxObjectIdentity-js.html">mxObjectIdentity</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPanningManager-js.html">mxPanningManager</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPoint-js.html">mxPoint</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxPopupMenu-js.html">mxPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxRectangle-js.html">mxRectangle</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxResources-js.html">mxResources</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxSession-js.html">mxSession</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxSvgCanvas2D-js.html">mxSvgCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxToolbar-js.html">mxToolbar</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUndoableEdit-js.html">mxUndoableEdit</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUndoManager-js.html">mxUndoManager</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUrlConverter-js.html">mxUrlConverter</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxUtils-js.html">mxUtils</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxVmlCanvas2D-js.html">mxVmlCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxWindow-js.html">mxWindow</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxXmlCanvas2D-js.html">mxXmlCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="../util/mxXmlRequest-js.html">mxXmlRequest</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent11')">View</a><div class=MGroupContent id=MGroupContent11><div class=MEntry><div class=MFile><a href="mxCellEditor-js.html">mxCellEditor</a></div></div><div class=MEntry><div class=MFile><a href="mxCellOverlay-js.html">mxCellOverlay</a></div></div><div class=MEntry><div class=MFile><a href="mxCellRenderer-js.html">mxCellRenderer</a></div></div><div class=MEntry><div class=MFile><a href="mxCellState-js.html">mxCellState</a></div></div><div class=MEntry><div class=MFile><a href="mxCellStatePreview-js.html">mxCellStatePreview</a></div></div><div class=MEntry><div class=MFile><a href="mxConnectionConstraint-js.html">mxConnectionConstraint</a></div></div><div class=MEntry><div class=MFile><a href="mxEdgeStyle-js.html">mxEdgeStyle</a></div></div><div class=MEntry><div class=MFile><a href="mxGraph-js.html">mxGraph</a></div></div><div class=MEntry><div class=MFile><a href="mxGraphSelectionModel-js.html">mxGraphSelectionModel</a></div></div><div class=MEntry><div class=MFile id=MSelected>mxGraphView</div></div><div class=MEntry><div class=MFile><a href="mxLayoutManager-js.html">mxLayoutManager</a></div></div><div class=MEntry><div class=MFile><a href="mxMultiplicity-js.html">mxMultiplicity</a></div></div><div class=MEntry><div class=MFile><a href="mxOutline-js.html">mxOutline</a></div></div><div class=MEntry><div class=MFile><a href="mxPerimeter-js.html">mxPerimeter</a></div></div><div class=MEntry><div class=MFile><a href="mxPrintPreview-js.html">mxPrintPreview</a></div></div><div class=MEntry><div class=MFile><a href="mxSpaceManager-js.html">mxSpaceManager</a></div></div><div class=MEntry><div class=MFile><a href="mxStyleRegistry-js.html">mxStyleRegistry</a></div></div><div class=MEntry><div class=MFile><a href="mxStylesheet-js.html">mxStylesheet</a></div></div><div class=MEntry><div class=MFile><a href="mxSwimlaneManager-js.html">mxSwimlaneManager</a></div></div><div class=MEntry><div class=MFile><a href="mxTemporaryCellStates-js.html">mxTemporaryCellStates</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent12')">Index</a><div class=MGroupContent id=MGroupContent12><div class=MEntry><div class=MIndex><a href="../../index/General.html">Everything</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Classes.html">Classes</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Cookies.html">Cookies</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Events.html">Events</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Files.html">Files</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Functions.html">Functions</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Variables.html">Variables</a></div></div></div></div></div><script type="text/javascript"><!--
var searchPanel = new SearchPanel("searchPanel", "HTML", "../../search");
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option id=MSearchEverything selected value="General">Everything</option><option value="Classes">Classes</option><option value="Cookies">Cookies</option><option value="Events">Events</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Variables">Variables</option></select></div><script language=JavaScript><!--
HideAllBut([11], 13);// --></script></div><!--Menu-->
<!--START_ND_TOOLTIPS-->
<div class=CToolTip id="tt1"><div class=CClass>Base class for objects that dispatch named events. </div></div><div class=CToolTip id="tt2"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setCurrentRoot = function(</td><td class=PParameter nowrap>root</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets and returns the current root and fires an undo event before calling mxGraph.sizeDidChange.</div></div><div class=CToolTip id="tt3"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.scaleAndTranslate = function(</td><td class=PParameter nowrap>scale,</td></tr><tr><td></td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the scale and translation and fires a scale and translate event before calling revalidate followed by mxGraph.sizeDidChange.</div></div><div class=CToolTip id="tt4"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setScale = function(</td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the scale and fires a scale event before calling revalidate followed by mxGraph.sizeDidChange.</div></div><div class=CToolTip id="tt5"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.setTranslate = function(</td><td class=PParameter nowrap>dx,</td></tr><tr><td></td><td class=PParameter nowrap>dy</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Sets the translation and fires a translate event before calling revalidate followed by mxGraph.sizeDidChange. </div></div><div class=CToolTip id="tt6"><div class=CClass>Action to change the current root in a view.</div></div><div class=CToolTip id="tt7"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function mxGraphView(</td><td class=PParameter nowrap>graph</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new view for the given mxGraph.</div></div><div class=CToolTip id="tt8"><div class=CClass>Extends mxEventSource to implement a graph component for the browser. </div></div><div class=CToolTip id="tt9"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.doneResource</td></tr></table></blockquote>Specifies the resource key for the status message after a long operation. </div></div><div class=CToolTip id="tt10"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.allowEval</td></tr></table></blockquote>Specifies if string values in cell styles should be evaluated using mxUtils.eval. </div></div><div class=CToolTip id="tt11"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>eval: function(</td><td class=PParameter nowrap>expr</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Evaluates the given expression using eval and returns the JavaScript object that represents the expression result. </div></div><div class=CToolTip id="tt12"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.captureDocumentGesture</td></tr></table></blockquote>Specifies if a gesture should be captured when it goes outside of the graph container. </div></div><div class=CToolTip id="tt13"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.optimizeVmlReflows</td></tr></table></blockquote>Specifies if the canvas should be hidden while rendering in IE8 standards mode and quirks mode. </div></div><div class=CToolTip id="tt14"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.rendering</td></tr></table></blockquote>Specifies if shapes should be created, updated and destroyed using the methods of mxCellRenderer in graph. </div></div><div class=CToolTip id="tt15"><div class=CClass>Renders cells into a document object model. </div></div><div class=CToolTip id="tt16"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.graph</td></tr></table></blockquote>Reference to the enclosing mxGraph.</div></div><div class=CToolTip id="tt17"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.currentRoot</td></tr></table></blockquote>mxCell that acts as the root of the displayed cell hierarchy.</div></div><div class=CToolTip id="tt18"><div class=CClass>Cells are the elements of the graph model. </div></div><div class=CToolTip id="tt19"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.graphBounds</td></tr></table></blockquote>mxRectangle that caches the scales, translated bounds of the current view.</div></div><div class=CToolTip id="tt20"><div class=CClass>Extends mxPoint to implement a 2-dimensional rectangle with double precision coordinates.</div></div><div class=CToolTip id="tt21"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.scale</td></tr></table></blockquote>Specifies the scale. </div></div><div class=CToolTip id="tt22"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.translate</td></tr></table></blockquote>mxPoint that specifies the current translation. </div></div><div class=CToolTip id="tt23"><div class=CClass>Implements a 2-dimensional vector with double precision coordinates.</div></div><div class=CToolTip id="tt24"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.updateStyle</td></tr></table></blockquote>Specifies if the style should be updated in each validation step. </div></div><div class=CToolTip id="tt25"><div class=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="tt26"><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="tt27"><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="tt28"><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="tt29"><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="tt30"><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="tt31"><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="tt32"><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="tt33"><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="tt34"><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></tr><tr><td></td><td class=PParameter nowrap>orderChanged</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="tt35"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.validate = function(</td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>First validates all bounds and then validates all points recursively on all visible cells starting at the given cell. </div></div><div class=CToolTip id="tt36"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.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="tt37"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.validateBackground = function()</td></tr></table></blockquote>Validates the background image.</div></div><div class=CToolTip id="tt38"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getBackgroundPageBounds = function()</td></tr></table></blockquote>Returns the bounds for the background page.</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.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="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.validateBounds = function(</td><td class=PParameter nowrap>parentState,</td></tr><tr><td></td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Validates the bounds of the given parent&rsquo;s child using the given parent state as the origin for the child. </div></div><div class=CToolTip id="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.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="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.validatePoints = function(</td><td class=PParameter nowrap>parentState,</td></tr><tr><td></td><td class=PParameter nowrap>cell</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Validates the points for the state of the given cell recursively if the cell is not collapsed and returns the bounding box of all visited states as an mxRectangle.</div></div><div class=CToolTip id="tt43"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.childMoved = function(</td><td class=PParameter nowrap>parent,</td></tr><tr><td></td><td class=PParameter nowrap>child</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Invoked when a child state was moved as a result of late evaluation of its position. </div></div><div class=CToolTip id="tt44"><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="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.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="tt46"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.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="tt47"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.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="tt48"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.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="tt49"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.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="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.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="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.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="tt52"><div class=CClass>Represents the current state of a cell in a given mxGraphView.</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.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="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.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="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.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="tt56"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.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="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.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="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.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="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.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="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.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 the absolute 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.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="tt62"><div class=CClass>Extends mxRectangle to represent the geometry of a cell.</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.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="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.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="tt65"><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="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.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="tt67"><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="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.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="tt69"><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="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.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="tt71"><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="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.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="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.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="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.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="tt75"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.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="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>mxCellRenderer.prototype.initialize = function(</td><td class=PParameter nowrap>state,</td></tr><tr><td></td><td class=PParameter nowrap>rendering</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Initializes the display for the given cell state. </div></div><div class=CToolTip id="tt77"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getCanvas = function()</td></tr></table></blockquote>Returns the DOM node that contains the background-, draw- and overlaypane.</div></div><div class=CToolTip id="tt78"><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="tt79"><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="tt80"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td>mxGraphView.prototype.getOverlayPane = function()</td></tr></table></blockquote>Returns the DOM node that represents the topmost drawing layer.</div></div><div class=CToolTip id="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.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="tt82"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype prettyprint"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>mxGraphView.prototype.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="tt83"><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="tt84"><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="tt85"><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="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.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="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.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="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.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="tt89"><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="tt90"><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="tt91"><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="tt92"><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="tt93"><div class=CClass>Implements a composite undoable edit.</div></div><div class=CToolTip id="tt94"><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="tt95"><div class=CClass>Extends mxShape to implement an image shape. </div></div><div class=CToolTip id="tt96"><div class=CClass>Encapsulates the URL, width and height of an image.</div></div><div class=CToolTip id="tt97"><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="tt98"><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="tt99"><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="tt100"><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="tt101"><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>
Reference in New Issue View Git Blame Copy Permalink