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

141 lines
82 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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>mxDragSource</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.51 -->
<!-- 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="mxDragSource"></a>mxDragSource</h1><div class=CBody><p>Wrapper to create a drag source from a DOM element so that the element can be dragged over a graph and dropped into the graph as a new cell.</p><p>Problem is that in the dropHandler the current preview location is not available, so the preview and the dropHandler must match.</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="#mxDragSource" >mxDragSource</a></td><td class=SDescription>Wrapper to create a drag source from a DOM element so that the element can be dragged over a graph and dropped into the graph as a new cell.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxDragSource.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.mxDragSource" id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">mxDragSource</a></td><td class=SDescription>Constructs a new drag source for the given element.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxDragSource.Variables" >Variables</a></td><td class=SDescription></td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.element" id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">element</a></td><td class=SDescription>Reference to the DOM node which was made draggable.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.dropHandler" id=link3 onMouseOver="ShowTip(event, 'tt3', 'link3')" onMouseOut="HideTip('tt3')">dropHandler</a></td><td class=SDescription>Holds the DOM node that is used to represent the drag preview. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.dragOffset" id=link4 onMouseOver="ShowTip(event, 'tt4', 'link4')" onMouseOut="HideTip('tt4')">dragOffset</a></td><td class=SDescription><a href="mxPoint-js.html#mxPoint" class=LClass id=link5 onMouseOver="ShowTip(event, 'tt5', 'link5')" onMouseOut="HideTip('tt5')">mxPoint</a> that specifies the offset of the <a href="#mxDragSource.dragElement" class=LVariable id=link6 onMouseOver="ShowTip(event, 'tt6', 'link6')" onMouseOut="HideTip('tt6')">dragElement</a>. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.dragElement" id=link7 onMouseOver="ShowTip(event, 'tt6', 'link7')" onMouseOut="HideTip('tt6')">dragElement</a></td><td class=SDescription>Holds the DOM node that is used to represent the drag preview. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.previewElement" id=link8 onMouseOver="ShowTip(event, 'tt7', 'link8')" onMouseOut="HideTip('tt7')">previewElement</a></td><td class=SDescription>Optional <a href="mxRectangle-js.html#mxRectangle" class=LClass id=link9 onMouseOver="ShowTip(event, 'tt8', 'link9')" onMouseOut="HideTip('tt8')">mxRectangle</a> that specifies the unscaled size of the preview.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.enabled" id=link10 onMouseOver="ShowTip(event, 'tt9', 'link10')" onMouseOut="HideTip('tt9')">enabled</a></td><td class=SDescription>Specifies if this drag source is enabled. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.currentGraph" id=link11 onMouseOver="ShowTip(event, 'tt10', 'link11')" onMouseOut="HideTip('tt10')">currentGraph</a></td><td class=SDescription>Reference to the <a href="../view/mxGraph-js.html#mxGraph" class=LClass id=link12 onMouseOver="ShowTip(event, 'tt11', 'link12')" onMouseOut="HideTip('tt11')">mxGraph</a> that is the current drop target.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.currentDropTarget" id=link13 onMouseOver="ShowTip(event, 'tt12', 'link13')" onMouseOut="HideTip('tt12')">currentDropTarget</a></td><td class=SDescription>Holds the current drop target under the mouse.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.currentPoint" id=link14 onMouseOver="ShowTip(event, 'tt13', 'link14')" onMouseOut="HideTip('tt13')">currentPoint</a></td><td class=SDescription>Holds the current drop location.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.currentGuide" id=link15 onMouseOver="ShowTip(event, 'tt14', 'link15')" onMouseOut="HideTip('tt14')">currentGuide</a></td><td class=SDescription>Holds an <a href="mxGuide-js.html#mxGuide" class=LClass id=link16 onMouseOver="ShowTip(event, 'tt15', 'link16')" onMouseOut="HideTip('tt15')">mxGuide</a> for the <a href="#mxDragSource.currentGraph" class=LVariable id=link17 onMouseOver="ShowTip(event, 'tt10', 'link17')" onMouseOut="HideTip('tt10')">currentGraph</a> if &lt;dragPreview&gt; is not null.</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.currentGuide" >currentGuide</a></td><td class=SDescription>Holds an <a href="mxGuide-js.html#mxGuide" class=LClass id=link18 onMouseOver="ShowTip(event, 'tt15', 'link18')" onMouseOut="HideTip('tt15')">mxGuide</a> for the <a href="#mxDragSource.currentGraph" class=LVariable id=link19 onMouseOver="ShowTip(event, 'tt10', 'link19')" onMouseOut="HideTip('tt10')">currentGraph</a> if &lt;dragPreview&gt; is not null.</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.autoscroll" id=link20 onMouseOver="ShowTip(event, 'tt16', 'link20')" onMouseOut="HideTip('tt16')">autoscroll</a></td><td class=SDescription>Specifies if the graph should scroll automatically. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.guidesEnabled" id=link21 onMouseOver="ShowTip(event, 'tt17', 'link21')" onMouseOut="HideTip('tt17')">guidesEnabled</a></td><td class=SDescription>Specifies if <a href="mxGuide-js.html#mxGuide" class=LClass id=link22 onMouseOver="ShowTip(event, 'tt15', 'link22')" onMouseOut="HideTip('tt15')">mxGuide</a> should be enabled. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.gridEnabled" id=link23 onMouseOver="ShowTip(event, 'tt18', 'link23')" onMouseOut="HideTip('tt18')">gridEnabled</a></td><td class=SDescription>Specifies if the grid should be allowed. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.highlightDropTargets" id=link24 onMouseOver="ShowTip(event, 'tt19', 'link24')" onMouseOut="HideTip('tt19')">highlightDropTargets</a></td><td class=SDescription>Specifies if drop targets should be highlighted. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.dragElementZIndex" id=link25 onMouseOver="ShowTip(event, 'tt20', 'link25')" onMouseOut="HideTip('tt20')">dragElementZIndex</a></td><td class=SDescription>ZIndex for the drag element. </td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.dragElementOpacity" id=link26 onMouseOver="ShowTip(event, 'tt21', 'link26')" onMouseOut="HideTip('tt21')">dragElementOpacity</a></td><td class=SDescription>Opacity of the drag element in %. </td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#mxDragSource.checkEventSource" id=link27 onMouseOver="ShowTip(event, 'tt22', 'link27')" onMouseOut="HideTip('tt22')">checkEventSource</a></td><td class=SDescription>Whether the event source should be checked in &lt;graphContainerEvent&gt;. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#mxDragSource.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.isEnabled" id=link28 onMouseOver="ShowTip(event, 'tt23', 'link28')" onMouseOut="HideTip('tt23')">isEnabled</a></td><td class=SDescription>Returns <a href="#mxDragSource.enabled" class=LVariable id=link29 onMouseOver="ShowTip(event, 'tt9', 'link29')" onMouseOut="HideTip('tt9')">enabled</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.setEnabled" id=link30 onMouseOver="ShowTip(event, 'tt24', 'link30')" onMouseOut="HideTip('tt24')">setEnabled</a></td><td class=SDescription>Sets <a href="#mxDragSource.enabled" class=LVariable id=link31 onMouseOver="ShowTip(event, 'tt9', 'link31')" onMouseOut="HideTip('tt9')">enabled</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.isGuidesEnabled" id=link32 onMouseOver="ShowTip(event, 'tt25', 'link32')" onMouseOut="HideTip('tt25')">isGuidesEnabled</a></td><td class=SDescription>Returns <a href="#mxDragSource.guidesEnabled" class=LVariable id=link33 onMouseOver="ShowTip(event, 'tt17', 'link33')" onMouseOut="HideTip('tt17')">guidesEnabled</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.setGuidesEnabled" id=link34 onMouseOver="ShowTip(event, 'tt26', 'link34')" onMouseOut="HideTip('tt26')">setGuidesEnabled</a></td><td class=SDescription>Sets <a href="#mxDragSource.guidesEnabled" class=LVariable id=link35 onMouseOver="ShowTip(event, 'tt17', 'link35')" onMouseOut="HideTip('tt17')">guidesEnabled</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.isGridEnabled" id=link36 onMouseOver="ShowTip(event, 'tt27', 'link36')" onMouseOut="HideTip('tt27')">isGridEnabled</a></td><td class=SDescription>Returns <a href="#mxDragSource.gridEnabled" class=LVariable id=link37 onMouseOver="ShowTip(event, 'tt18', 'link37')" onMouseOut="HideTip('tt18')">gridEnabled</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.setGridEnabled" id=link38 onMouseOver="ShowTip(event, 'tt28', 'link38')" onMouseOut="HideTip('tt28')">setGridEnabled</a></td><td class=SDescription>Sets <a href="#mxDragSource.gridEnabled" class=LVariable id=link39 onMouseOver="ShowTip(event, 'tt18', 'link39')" onMouseOut="HideTip('tt18')">gridEnabled</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.getGraphForEvent" id=link40 onMouseOver="ShowTip(event, 'tt29', 'link40')" onMouseOut="HideTip('tt29')">getGraphForEvent</a></td><td class=SDescription>Returns the graph for the given mouse event. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.getDropTarget" id=link41 onMouseOver="ShowTip(event, 'tt30', 'link41')" onMouseOut="HideTip('tt30')">getDropTarget</a></td><td class=SDescription>Returns the drop target for the given graph and coordinates. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.createDragElement" id=link42 onMouseOver="ShowTip(event, 'tt31', 'link42')" onMouseOut="HideTip('tt31')">createDragElement</a></td><td class=SDescription>Creates and returns a clone of the &lt;dragElementPrototype&gt; or the <a href="#mxDragSource.element" class=LVariable id=link43 onMouseOver="ShowTip(event, 'tt2', 'link43')" onMouseOut="HideTip('tt2')">element</a> if the former is not defined.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.createPreviewElement" id=link44 onMouseOver="ShowTip(event, 'tt32', 'link44')" onMouseOut="HideTip('tt32')">createPreviewElement</a></td><td class=SDescription>Creates and returns an element which can be used as a preview in the given graph.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.isActive" id=link45 onMouseOver="ShowTip(event, 'tt33', 'link45')" onMouseOut="HideTip('tt33')">isActive</a></td><td class=SDescription>Returns true if this drag source is active.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.reset" id=link46 onMouseOver="ShowTip(event, 'tt34', 'link46')" onMouseOut="HideTip('tt34')">reset</a></td><td class=SDescription>Stops and removes everything and restores the state of the object.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.mouseDown" id=link47 onMouseOver="ShowTip(event, 'tt35', 'link47')" onMouseOut="HideTip('tt35')">mouseDown</a></td><td class=SDescription>Returns the drop target for the given graph and coordinates. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.startDrag" id=link48 onMouseOver="ShowTip(event, 'tt36', 'link48')" onMouseOut="HideTip('tt36')">startDrag</a></td><td class=SDescription>Creates the <a href="#mxDragSource.dragElement" class=LVariable id=link49 onMouseOver="ShowTip(event, 'tt6', 'link49')" onMouseOut="HideTip('tt6')">dragElement</a> using <a href="#mxDragSource.createDragElement" class=LFunction id=link50 onMouseOver="ShowTip(event, 'tt31', 'link50')" onMouseOut="HideTip('tt31')">createDragElement</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.stopDrag" id=link51 onMouseOver="ShowTip(event, 'tt37', 'link51')" onMouseOut="HideTip('tt37')">stopDrag</a></td><td class=SDescription>Invokes <a href="#mxDragSource.removeDragElement" class=LFunction id=link52 onMouseOver="ShowTip(event, 'tt38', 'link52')" onMouseOut="HideTip('tt38')">removeDragElement</a>.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.removeDragElement" id=link53 onMouseOver="ShowTip(event, 'tt38', 'link53')" onMouseOut="HideTip('tt38')">removeDragElement</a></td><td class=SDescription>Removes and destroys the <a href="#mxDragSource.dragElement" class=LVariable id=link54 onMouseOver="ShowTip(event, 'tt6', 'link54')" onMouseOut="HideTip('tt6')">dragElement</a>.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.getElementForEvent" id=link55 onMouseOver="ShowTip(event, 'tt39', 'link55')" onMouseOut="HideTip('tt39')">getElementForEvent</a></td><td class=SDescription>Returns the topmost element under the given event.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.graphContainsEvent" id=link56 onMouseOver="ShowTip(event, 'tt40', 'link56')" onMouseOut="HideTip('tt40')">graphContainsEvent</a></td><td class=SDescription>Returns true if the given graph contains the given event.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.mouseMove" id=link57 onMouseOver="ShowTip(event, 'tt41', 'link57')" onMouseOut="HideTip('tt41')">mouseMove</a></td><td class=SDescription>Gets the graph for the given event using <a href="#mxDragSource.getGraphForEvent" class=LFunction id=link58 onMouseOver="ShowTip(event, 'tt29', 'link58')" onMouseOut="HideTip('tt29')">getGraphForEvent</a>, updates the <a href="#mxDragSource.currentGraph" class=LVariable id=link59 onMouseOver="ShowTip(event, 'tt10', 'link59')" onMouseOut="HideTip('tt10')">currentGraph</a>, calling <a href="#mxDragSource.dragEnter" class=LFunction id=link60 onMouseOver="ShowTip(event, 'tt42', 'link60')" onMouseOut="HideTip('tt42')">dragEnter</a> and <a href="#mxDragSource.dragExit" class=LFunction id=link61 onMouseOver="ShowTip(event, 'tt43', 'link61')" onMouseOut="HideTip('tt43')">dragExit</a> on the new and old graph, respectively, and invokes <a href="#mxDragSource.dragOver" class=LFunction id=link62 onMouseOver="ShowTip(event, 'tt44', 'link62')" onMouseOut="HideTip('tt44')">dragOver</a> if <a href="#mxDragSource.currentGraph" class=LVariable id=link63 onMouseOver="ShowTip(event, 'tt10', 'link63')" onMouseOut="HideTip('tt10')">currentGraph</a> is not null.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.mouseUp" id=link64 onMouseOver="ShowTip(event, 'tt45', 'link64')" onMouseOut="HideTip('tt45')">mouseUp</a></td><td class=SDescription>Processes the mouse up event and invokes <a href="#mxDragSource.drop" class=LFunction id=link65 onMouseOver="ShowTip(event, 'tt46', 'link65')" onMouseOut="HideTip('tt46')">drop</a>, <a href="#mxDragSource.dragExit" class=LFunction id=link66 onMouseOver="ShowTip(event, 'tt43', 'link66')" onMouseOut="HideTip('tt43')">dragExit</a> and <a href="#mxDragSource.stopDrag" class=LFunction id=link67 onMouseOver="ShowTip(event, 'tt37', 'link67')" onMouseOut="HideTip('tt37')">stopDrag</a> as required.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.removeListeners" id=link68 onMouseOver="ShowTip(event, 'tt47', 'link68')" onMouseOut="HideTip('tt47')">removeListeners</a></td><td class=SDescription>Actives the given graph as a drop target.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.dragEnter" id=link69 onMouseOver="ShowTip(event, 'tt42', 'link69')" onMouseOut="HideTip('tt42')">dragEnter</a></td><td class=SDescription>Actives the given graph as a drop target.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.dragExit" id=link70 onMouseOver="ShowTip(event, 'tt43', 'link70')" onMouseOut="HideTip('tt43')">dragExit</a></td><td class=SDescription>Deactivates the given graph as a drop target.</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#mxDragSource.dragOver" id=link71 onMouseOver="ShowTip(event, 'tt44', 'link71')" onMouseOut="HideTip('tt44')">dragOver</a></td><td class=SDescription>Implements autoscroll, updates the <a href="#mxDragSource.currentPoint" class=LVariable id=link72 onMouseOver="ShowTip(event, 'tt13', 'link72')" onMouseOut="HideTip('tt13')">currentPoint</a>, highlights any drop targets and updates the preview.</td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#mxDragSource.drop" id=link73 onMouseOver="ShowTip(event, 'tt46', 'link73')" onMouseOut="HideTip('tt46')">drop</a></td><td class=SDescription>Returns the drop target for the given graph and coordinates. </td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.Functions"></a>Functions</h3></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.mxDragSource"></a>mxDragSource</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>function mxDragSource(</td><td class="PParameter prettyprint " nowrap>element,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>dropHandler</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Constructs a new drag source for the given element.</p></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.Variables"></a>Variables</h3></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.element"></a>element</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.element</td></tr></table></blockquote><p>Reference to the DOM node which was made draggable.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dropHandler"></a>dropHandler</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dropHandler</td></tr></table></blockquote><p>Holds the DOM node that is used to represent the drag preview.&nbsp; If this is null then the source element will be cloned and used for the drag preview.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dragOffset"></a>dragOffset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragOffset</td></tr></table></blockquote><p><a href="mxPoint-js.html#mxPoint" class=LClass id=link74 onMouseOver="ShowTip(event, 'tt5', 'link74')" onMouseOut="HideTip('tt5')">mxPoint</a> that specifies the offset of the <a href="#mxDragSource.dragElement" class=LVariable id=link75 onMouseOver="ShowTip(event, 'tt6', 'link75')" onMouseOut="HideTip('tt6')">dragElement</a>.&nbsp; Default is null.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dragElement"></a>dragElement</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragElement</td></tr></table></blockquote><p>Holds the DOM node that is used to represent the drag preview.&nbsp; If this is null then the source element will be cloned and used for the drag preview.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.previewElement"></a>previewElement</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.previewElement</td></tr></table></blockquote><p>Optional <a href="mxRectangle-js.html#mxRectangle" class=LClass id=link76 onMouseOver="ShowTip(event, 'tt8', 'link76')" onMouseOut="HideTip('tt8')">mxRectangle</a> that specifies the unscaled size of the preview.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.enabled"></a>enabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.enabled</td></tr></table></blockquote><p>Specifies if this drag source is enabled.&nbsp; Default is true.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.currentGraph"></a>currentGraph</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentGraph</td></tr></table></blockquote><p>Reference to the <a href="../view/mxGraph-js.html#mxGraph" class=LClass id=link77 onMouseOver="ShowTip(event, 'tt11', 'link77')" onMouseOut="HideTip('tt11')">mxGraph</a> that is the current drop target.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.currentDropTarget"></a>currentDropTarget</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentDropTarget</td></tr></table></blockquote><p>Holds the current drop target under the mouse.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.currentPoint"></a>currentPoint</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentPoint</td></tr></table></blockquote><p>Holds the current drop location.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.currentGuide"></a>currentGuide</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentGuide</td></tr></table></blockquote><p>Holds an <a href="mxGuide-js.html#mxGuide" class=LClass id=link78 onMouseOver="ShowTip(event, 'tt15', 'link78')" onMouseOut="HideTip('tt15')">mxGuide</a> for the <a href="#mxDragSource.currentGraph" class=LVariable id=link79 onMouseOver="ShowTip(event, 'tt10', 'link79')" onMouseOut="HideTip('tt10')">currentGraph</a> if &lt;dragPreview&gt; is not null.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.currentGuide"></a>currentGuide</h3><div class=CBody><p>Holds an <a href="mxGuide-js.html#mxGuide" class=LClass id=link80 onMouseOver="ShowTip(event, 'tt15', 'link80')" onMouseOut="HideTip('tt15')">mxGuide</a> for the <a href="#mxDragSource.currentGraph" class=LVariable id=link81 onMouseOver="ShowTip(event, 'tt10', 'link81')" onMouseOut="HideTip('tt10')">currentGraph</a> if &lt;dragPreview&gt; is not null.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.autoscroll"></a>autoscroll</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.autoscroll</td></tr></table></blockquote><p>Specifies if the graph should scroll automatically.&nbsp; Default is true.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.guidesEnabled"></a>guidesEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.guidesEnabled</td></tr></table></blockquote><p>Specifies if <a href="mxGuide-js.html#mxGuide" class=LClass id=link82 onMouseOver="ShowTip(event, 'tt15', 'link82')" onMouseOut="HideTip('tt15')">mxGuide</a> should be enabled.&nbsp; Default is true.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.gridEnabled"></a>gridEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.gridEnabled</td></tr></table></blockquote><p>Specifies if the grid should be allowed.&nbsp; Default is true.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.highlightDropTargets"></a>highlightDropTargets</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.highlightDropTargets</td></tr></table></blockquote><p>Specifies if drop targets should be highlighted.&nbsp; Default is true.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dragElementZIndex"></a>dragElementZIndex</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragElementZIndex</td></tr></table></blockquote><p>ZIndex for the drag element.&nbsp; Default is 100.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dragElementOpacity"></a>dragElementOpacity</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragElementOpacity</td></tr></table></blockquote><p>Opacity of the drag element in %.&nbsp; Default is 70.</p></div></div></div>
<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.checkEventSource"></a>checkEventSource</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.checkEventSource</td></tr></table></blockquote><p>Whether the event source should be checked in &lt;graphContainerEvent&gt;.&nbsp; Default is true.</p></div></div></div>
<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.Functions"></a>Functions</h3></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.isEnabled"></a>isEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isEnabled = function()</td></tr></table></blockquote><p>Returns <a href="#mxDragSource.enabled" class=LVariable id=link83 onMouseOver="ShowTip(event, 'tt9', 'link83')" onMouseOut="HideTip('tt9')">enabled</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.setEnabled"></a>setEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.setEnabled = function(</td><td class="PParameter prettyprint " nowrap>value</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <a href="#mxDragSource.enabled" class=LVariable id=link84 onMouseOver="ShowTip(event, 'tt9', 'link84')" onMouseOut="HideTip('tt9')">enabled</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.isGuidesEnabled"></a>isGuidesEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isGuidesEnabled = function()</td></tr></table></blockquote><p>Returns <a href="#mxDragSource.guidesEnabled" class=LVariable id=link85 onMouseOver="ShowTip(event, 'tt17', 'link85')" onMouseOut="HideTip('tt17')">guidesEnabled</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.setGuidesEnabled"></a>setGuidesEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.setGuidesEnabled = function(</td><td class="PParameter prettyprint " nowrap>value</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <a href="#mxDragSource.guidesEnabled" class=LVariable id=link86 onMouseOver="ShowTip(event, 'tt17', 'link86')" onMouseOut="HideTip('tt17')">guidesEnabled</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.isGridEnabled"></a>isGridEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isGridEnabled = function()</td></tr></table></blockquote><p>Returns <a href="#mxDragSource.gridEnabled" class=LVariable id=link87 onMouseOver="ShowTip(event, 'tt18', 'link87')" onMouseOut="HideTip('tt18')">gridEnabled</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.setGridEnabled"></a>setGridEnabled</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.setGridEnabled = function(</td><td class="PParameter prettyprint " nowrap>value</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Sets <a href="#mxDragSource.gridEnabled" class=LVariable id=link88 onMouseOver="ShowTip(event, 'tt18', 'link88')" onMouseOut="HideTip('tt18')">gridEnabled</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.getGraphForEvent"></a>getGraphForEvent</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.getGraphForEvent = function(</td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the graph for the given mouse event.&nbsp; This implementation returns null.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.getDropTarget"></a>getDropTarget</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.getDropTarget = function(</td><td class="PParameter prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the drop target for the given graph and coordinates.&nbsp; This implementation uses <a href="../view/mxGraph-js.html#mxGraph.getCellAt" class=LFunction id=link89 onMouseOver="ShowTip(event, 'tt48', 'link89')" onMouseOut="HideTip('tt48')">mxGraph.getCellAt</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.createDragElement"></a>createDragElement</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.createDragElement = function(</td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates and returns a clone of the &lt;dragElementPrototype&gt; or the <a href="#mxDragSource.element" class=LVariable id=link90 onMouseOver="ShowTip(event, 'tt2', 'link90')" onMouseOut="HideTip('tt2')">element</a> if the former is not defined.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.createPreviewElement"></a>createPreviewElement</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.createPreviewElement = function(</td><td class="PParameter prettyprint " nowrap>graph</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates and returns an element which can be used as a preview in the given graph.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.isActive"></a>isActive</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isActive = function()</td></tr></table></blockquote><p>Returns true if this drag source is active.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.reset"></a>reset</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.reset = function()</td></tr></table></blockquote><p>Stops and removes everything and restores the state of the object.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.mouseDown"></a>mouseDown</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.mouseDown = function(</td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the drop target for the given graph and coordinates.&nbsp; This implementation uses <a href="../view/mxGraph-js.html#mxGraph.getCellAt" class=LFunction id=link91 onMouseOver="ShowTip(event, 'tt48', 'link91')" onMouseOut="HideTip('tt48')">mxGraph.getCellAt</a>.</p><p>To ignore popup menu events for a drag source, this function can be overridden as follows.</p><blockquote><pre class="prettyprint">var mouseDown = dragSource.mouseDown;
dragSource.mouseDown = function(evt)
{
if (!mxEvent.isPopupTrigger(evt))
{
mouseDown.apply(this, arguments);
}
};</pre></blockquote></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.startDrag"></a>startDrag</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.startDrag = function(</td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Creates the <a href="#mxDragSource.dragElement" class=LVariable id=link92 onMouseOver="ShowTip(event, 'tt6', 'link92')" onMouseOut="HideTip('tt6')">dragElement</a> using <a href="#mxDragSource.createDragElement" class=LFunction id=link93 onMouseOver="ShowTip(event, 'tt31', 'link93')" onMouseOut="HideTip('tt31')">createDragElement</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.stopDrag"></a>stopDrag</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.stopDrag = function()</td></tr></table></blockquote><p>Invokes <a href="#mxDragSource.removeDragElement" class=LFunction id=link94 onMouseOver="ShowTip(event, 'tt38', 'link94')" onMouseOut="HideTip('tt38')">removeDragElement</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.removeDragElement"></a>removeDragElement</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.removeDragElement = function()</td></tr></table></blockquote><p>Removes and destroys the <a href="#mxDragSource.dragElement" class=LVariable id=link95 onMouseOver="ShowTip(event, 'tt6', 'link95')" onMouseOut="HideTip('tt6')">dragElement</a>.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.getElementForEvent"></a>getElementForEvent</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.getElementForEvent = function(</td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the topmost element under the given event.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.graphContainsEvent"></a>graphContainsEvent</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.graphContainsEvent = function(</td><td class="PParameter prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns true if the given graph contains the given event.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.mouseMove"></a>mouseMove</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.mouseMove = function(</td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Gets the graph for the given event using <a href="#mxDragSource.getGraphForEvent" class=LFunction id=link96 onMouseOver="ShowTip(event, 'tt29', 'link96')" onMouseOut="HideTip('tt29')">getGraphForEvent</a>, updates the <a href="#mxDragSource.currentGraph" class=LVariable id=link97 onMouseOver="ShowTip(event, 'tt10', 'link97')" onMouseOut="HideTip('tt10')">currentGraph</a>, calling <a href="#mxDragSource.dragEnter" class=LFunction id=link98 onMouseOver="ShowTip(event, 'tt42', 'link98')" onMouseOut="HideTip('tt42')">dragEnter</a> and <a href="#mxDragSource.dragExit" class=LFunction id=link99 onMouseOver="ShowTip(event, 'tt43', 'link99')" onMouseOut="HideTip('tt43')">dragExit</a> on the new and old graph, respectively, and invokes <a href="#mxDragSource.dragOver" class=LFunction id=link100 onMouseOver="ShowTip(event, 'tt44', 'link100')" onMouseOut="HideTip('tt44')">dragOver</a> if <a href="#mxDragSource.currentGraph" class=LVariable id=link101 onMouseOver="ShowTip(event, 'tt10', 'link101')" onMouseOut="HideTip('tt10')">currentGraph</a> is not null.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.mouseUp"></a>mouseUp</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.mouseUp = function(</td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Processes the mouse up event and invokes <a href="#mxDragSource.drop" class=LFunction id=link102 onMouseOver="ShowTip(event, 'tt46', 'link102')" onMouseOut="HideTip('tt46')">drop</a>, <a href="#mxDragSource.dragExit" class=LFunction id=link103 onMouseOver="ShowTip(event, 'tt43', 'link103')" onMouseOut="HideTip('tt43')">dragExit</a> and <a href="#mxDragSource.stopDrag" class=LFunction id=link104 onMouseOver="ShowTip(event, 'tt37', 'link104')" onMouseOut="HideTip('tt37')">stopDrag</a> as required.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.removeListeners"></a>removeListeners</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.removeListeners = function()</td></tr></table></blockquote><p>Actives the given graph as a drop target.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dragEnter"></a>dragEnter</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.dragEnter = function(</td><td class="PParameter prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Actives the given graph as a drop target.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dragExit"></a>dragExit</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.dragExit = function(</td><td class="PParameter prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Deactivates the given graph as a drop target.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.dragOver"></a>dragOver</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.dragOver = function(</td><td class="PParameter prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Implements autoscroll, updates the <a href="#mxDragSource.currentPoint" class=LVariable id=link105 onMouseOver="ShowTip(event, 'tt13', 'link105')" onMouseOut="HideTip('tt13')">currentPoint</a>, highlights any drop targets and updates the preview.</p></div></div></div>
<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="mxDragSource.drop"></a>drop</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.drop = function(</td><td class="PParameter prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>evt,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>dropTarget,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote><p>Returns the drop target for the given graph and coordinates.&nbsp; This implementation uses <a href="../view/mxGraph-js.html#mxGraph.getCellAt" class=LFunction id=link106 onMouseOver="ShowTip(event, 'tt48', 'link106')" onMouseOut="HideTip('tt48')">mxGraph.getCellAt</a>.</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/mxHandle-js.html">mxHandle</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxKeyHandler-js.html">mxKeyHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPanningHandler-js.html">mxPanningHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxPopupMenuHandler-js.html">mxPopupMenuHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxRubberband-js.html">mxRubberband</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxSelectionCellsHandler-js.html">mxSelectionCellsHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxTooltipHandler-js.html">mxTooltipHandler</a></div></div><div class=MEntry><div class=MFile><a href="../handler/mxVertexHandler-js.html">mxVertexHandler</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent3')">Io</a><div class=MGroupContent id=MGroupContent3><div class=MEntry><div class=MFile><a href="../io/mxCellCodec-js.html">mxCellCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxChildChangeCodec-js.html">mxChildChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodec-js.html">mxCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxCodecRegistry-js.html">mxCodecRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultKeyHandlerCodec-js.html">mxDefaultKeyHandlerCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultPopupMenuCodec-js.html">mxDefaultPopupMenuCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxDefaultToolbarCodec-js.html">mxDefaultToolbarCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxEditorCodec-js.html">mxEditorCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGenericChangeCodec-js.html">mxGenericChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphCodec-js.html">mxGraphCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxGraphViewCodec-js.html">mxGraphViewCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxModelCodec-js.html">mxModelCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxObjectCodec-js.html">mxObjectCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxRootChangeCodec-js.html">mxRootChangeCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxStylesheetCodec-js.html">mxStylesheetCodec</a></div></div><div class=MEntry><div class=MFile><a href="../io/mxTerminalChangeCodec-js.html">mxTerminalChangeCodec</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent7')">Layout</a><div class=MGroupContent id=MGroupContent7><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent6')">Hierarchical</a><div class=MGroupContent id=MGroupContent6><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent4')">Model</a><div class=MGroupContent id=MGroupContent4><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphAbstractHierarchyCell-js.html">mxGraphAbstractHierarchyCell</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyEdge-js.html">mxGraphHierarchyEdge</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyModel-js.html">mxGraphHierarchyModel</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxGraphHierarchyNode-js.html">mxGraphHierarchyNode</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/model/mxSwimlaneModel-js.html">mxSwimlaneModel</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/mxHierarchicalLayout-js.html">mxHierarchicalLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/mxSwimlaneLayout-js.html">mxSwimlaneLayout</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent5')">Stage</a><div class=MGroupContent id=MGroupContent5><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxCoordinateAssignment-js.html">mxCoordinateAssignment</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxHierarchicalLayoutStage-js.html">mxHierarchicalLayoutStage</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxMedianHybridCrossingReduction-js.html">mxMedianHybridCrossingReduction</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxMinimumCycleRemover-js.html">mxMinimumCycleRemover</a></div></div><div class=MEntry><div class=MFile><a href="../layout/hierarchical/stage/mxSwimlaneOrdering-js.html">mxSwimlaneOrdering</a></div></div></div></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCircleLayout-js.html">mxCircleLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompactTreeLayout-js.html">mxCompactTreeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxCompositeLayout-js.html">mxCompositeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxEdgeLabelLayout-js.html">mxEdgeLabelLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxFastOrganicLayout-js.html">mxFastOrganicLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxGraphLayout-js.html">mxGraphLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxParallelEdgeLayout-js.html">mxParallelEdgeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxPartitionLayout-js.html">mxPartitionLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxRadialTreeLayout-js.html">mxRadialTreeLayout</a></div></div><div class=MEntry><div class=MFile><a href="../layout/mxStackLayout-js.html">mxStackLayout</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent8')">Model</a><div class=MGroupContent id=MGroupContent8><div class=MEntry><div class=MFile><a href="../model/mxCell-js.html">mxCell</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxCellPath-js.html">mxCellPath</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGeometry-js.html">mxGeometry</a></div></div><div class=MEntry><div class=MFile><a href="../model/mxGraphModel-js.html">mxGraphModel</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../mxClient-js.html">mxClient</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent9')">Shape</a><div class=MGroupContent id=MGroupContent9><div class=MEntry><div class=MFile><a href="../shape/mxActor-js.html">mxActor</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxArrow-js.html">mxArrow</a></div></div><div class=MEntry><div class=MFile><a href="../shape/mxArrowConnector-js.html">mxArrowConnector</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="mxAbstractCanvas2D-js.html">mxAbstractCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="mxAnimation-js.html">mxAnimation</a></div></div><div class=MEntry><div class=MFile><a href="mxAutoSaveManager-js.html">mxAutoSaveManager</a></div></div><div class=MEntry><div class=MFile><a href="mxClipboard-js.html">mxClipboard</a></div></div><div class=MEntry><div class=MFile><a href="mxConstants-js.html">mxConstants</a></div></div><div class=MEntry><div class=MFile><a href="mxDictionary-js.html">mxDictionary</a></div></div><div class=MEntry><div class=MFile><a href="mxDivResizer-js.html">mxDivResizer</a></div></div><div class=MEntry><div class=MFile id=MSelected>mxDragSource</div></div><div class=MEntry><div class=MFile><a href="mxEffects-js.html">mxEffects</a></div></div><div class=MEntry><div class=MFile><a href="mxEvent-js.html">mxEvent</a></div></div><div class=MEntry><div class=MFile><a href="mxEventObject-js.html">mxEventObject</a></div></div><div class=MEntry><div class=MFile><a href="mxEventSource-js.html">mxEventSource</a></div></div><div class=MEntry><div class=MFile><a href="mxForm-js.html">mxForm</a></div></div><div class=MEntry><div class=MFile><a href="mxGuide-js.html">mxGuide</a></div></div><div class=MEntry><div class=MFile><a href="mxImage-js.html">mxImage</a></div></div><div class=MEntry><div class=MFile><a href="mxImageBundle-js.html">mxImageBundle</a></div></div><div class=MEntry><div class=MFile><a href="mxImageExport-js.html">mxImageExport</a></div></div><div class=MEntry><div class=MFile><a href="mxLog-js.html">mxLog</a></div></div><div class=MEntry><div class=MFile><a href="mxMorphing-js.html">mxMorphing</a></div></div><div class=MEntry><div class=MFile><a href="mxMouseEvent-js.html">mxMouseEvent</a></div></div><div class=MEntry><div class=MFile><a href="mxObjectIdentity-js.html">mxObjectIdentity</a></div></div><div class=MEntry><div class=MFile><a href="mxPanningManager-js.html">mxPanningManager</a></div></div><div class=MEntry><div class=MFile><a href="mxPoint-js.html">mxPoint</a></div></div><div class=MEntry><div class=MFile><a href="mxPopupMenu-js.html">mxPopupMenu</a></div></div><div class=MEntry><div class=MFile><a href="mxRectangle-js.html">mxRectangle</a></div></div><div class=MEntry><div class=MFile><a href="mxResources-js.html">mxResources</a></div></div><div class=MEntry><div class=MFile><a href="mxSvgCanvas2D-js.html">mxSvgCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="mxToolbar-js.html">mxToolbar</a></div></div><div class=MEntry><div class=MFile><a href="mxUndoableEdit-js.html">mxUndoableEdit</a></div></div><div class=MEntry><div class=MFile><a href="mxUndoManager-js.html">mxUndoManager</a></div></div><div class=MEntry><div class=MFile><a href="mxUrlConverter-js.html">mxUrlConverter</a></div></div><div class=MEntry><div class=MFile><a href="mxUtils-js.html">mxUtils</a></div></div><div class=MEntry><div class=MFile><a href="mxVmlCanvas2D-js.html">mxVmlCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="mxWindow-js.html">mxWindow</a></div></div><div class=MEntry><div class=MFile><a href="mxXmlCanvas2D-js.html">mxXmlCanvas2D</a></div></div><div class=MEntry><div class=MFile><a href="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="../view/mxCellEditor-js.html">mxCellEditor</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellOverlay-js.html">mxCellOverlay</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellRenderer-js.html">mxCellRenderer</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellState-js.html">mxCellState</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxCellStatePreview-js.html">mxCellStatePreview</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxConnectionConstraint-js.html">mxConnectionConstraint</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxEdgeStyle-js.html">mxEdgeStyle</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraph-js.html">mxGraph</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraphSelectionModel-js.html">mxGraphSelectionModel</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxGraphView-js.html">mxGraphView</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxLayoutManager-js.html">mxLayoutManager</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxMultiplicity-js.html">mxMultiplicity</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxOutline-js.html">mxOutline</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxPerimeter-js.html">mxPerimeter</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxPrintPreview-js.html">mxPrintPreview</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxStyleRegistry-js.html">mxStyleRegistry</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxStylesheet-js.html">mxStylesheet</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxSwimlaneManager-js.html">mxSwimlaneManager</a></div></div><div class=MEntry><div class=MFile><a href="../view/mxTemporaryCellStates-js.html">mxTemporaryCellStates</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent12')">Index</a><div class=MGroupContent id=MGroupContent12><div class=MEntry><div class=MIndex><a href="../../index/Classes.html">Classes</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Cookies.html">Cookies</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Events.html">Events</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/General.html">Everything</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Files.html">Files</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Functions.html">Functions</a></div></div><div class=MEntry><div class=MIndex><a href="../../index/Variables.html">Variables</a></div></div></div></div></div><script type="text/javascript"><!--
var searchPanel = new SearchPanel("searchPanel", "HTML", "../../search");
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option id=MSearchEverything selected value="General">Everything</option><option value="Classes">Classes</option><option value="Cookies">Cookies</option><option value="Events">Events</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Variables">Variables</option></select></div><script language=JavaScript><!--
HideAllBut([10], 13);// --></script></div><!--Menu-->
<!--START_ND_TOOLTIPS-->
<div class=CToolTip id="tt1"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>function mxDragSource(</td><td class="PParameter prettyprint " nowrap>element,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>dropHandler</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Constructs a new drag source for the given element.</div></div><div class=CToolTip id="tt2"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.element</td></tr></table></blockquote>Reference to the DOM node which was made draggable.</div></div><div class=CToolTip id="tt3"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dropHandler</td></tr></table></blockquote>Holds the DOM node that is used to represent the drag preview. </div></div><div class=CToolTip id="tt4"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragOffset</td></tr></table></blockquote>mxPoint that specifies the offset of the dragElement. </div></div><div class=CToolTip id="tt5"><div class=CClass>Implements a 2-dimensional vector with double precision coordinates.</div></div><div class=CToolTip id="tt6"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragElement</td></tr></table></blockquote>Holds the DOM node that is used to represent the drag preview. </div></div><div class=CToolTip id="tt7"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.previewElement</td></tr></table></blockquote>Optional mxRectangle that specifies the unscaled size of the preview.</div></div><div class=CToolTip id="tt8"><div class=CClass>Extends mxPoint to implement a 2-dimensional rectangle with double precision coordinates.</div></div><div class=CToolTip id="tt9"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.enabled</td></tr></table></blockquote>Specifies if this drag source is enabled. </div></div><div class=CToolTip id="tt10"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentGraph</td></tr></table></blockquote>Reference to the mxGraph that is the current drop target.</div></div><div class=CToolTip id="tt11"><div class=CClass>Extends mxEventSource to implement a graph component for the browser. </div></div><div class=CToolTip id="tt12"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentDropTarget</td></tr></table></blockquote>Holds the current drop target under the mouse.</div></div><div class=CToolTip id="tt13"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentPoint</td></tr></table></blockquote>Holds the current drop location.</div></div><div class=CToolTip id="tt14"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.currentGuide</td></tr></table></blockquote>Holds an mxGuide for the currentGraph if dragPreview is not null.</div></div><div class=CToolTip id="tt15"><div class=CClass>Implements the alignment of selection cells to other cells in the graph.</div></div><div class=CToolTip id="tt16"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.autoscroll</td></tr></table></blockquote>Specifies if the graph should scroll automatically. </div></div><div class=CToolTip id="tt17"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.guidesEnabled</td></tr></table></blockquote>Specifies if mxGuide should be enabled. </div></div><div class=CToolTip id="tt18"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.gridEnabled</td></tr></table></blockquote>Specifies if the grid should be allowed. </div></div><div class=CToolTip id="tt19"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.highlightDropTargets</td></tr></table></blockquote>Specifies if drop targets should be highlighted. </div></div><div class=CToolTip id="tt20"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragElementZIndex</td></tr></table></blockquote>ZIndex for the drag element. </div></div><div class=CToolTip id="tt21"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.dragElementOpacity</td></tr></table></blockquote>Opacity of the drag element in %. </div></div><div class=CToolTip id="tt22"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.checkEventSource</td></tr></table></blockquote>Whether the event source should be checked in graphContainerEvent. </div></div><div class=CToolTip id="tt23"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isEnabled = function()</td></tr></table></blockquote>Returns enabled.</div></div><div class=CToolTip id="tt24"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.setEnabled = function(</td><td class="PParameter prettyprint " nowrap>value</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets enabled.</div></div><div class=CToolTip id="tt25"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isGuidesEnabled = function()</td></tr></table></blockquote>Returns guidesEnabled.</div></div><div class=CToolTip id="tt26"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.setGuidesEnabled = function(</td><td class="PParameter prettyprint " nowrap>value</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets guidesEnabled.</div></div><div class=CToolTip id="tt27"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isGridEnabled = function()</td></tr></table></blockquote>Returns gridEnabled.</div></div><div class=CToolTip id="tt28"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.setGridEnabled = function(</td><td class="PParameter prettyprint " nowrap>value</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Sets gridEnabled.</div></div><div class=CToolTip id="tt29"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.getGraphForEvent = function(</td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the graph for the given mouse event. </div></div><div class=CToolTip id="tt30"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.getDropTarget = function(</td><td class="PParameter prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the drop target for the given graph and coordinates. </div></div><div class=CToolTip id="tt31"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.createDragElement = function(</td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Creates and returns a clone of the dragElementPrototype or the element if the former is not defined.</div></div><div class=CToolTip id="tt32"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.createPreviewElement = function(</td><td class="PParameter prettyprint " nowrap>graph</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Creates and returns an element which can be used as a preview in the given graph.</div></div><div class=CToolTip id="tt33"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.isActive = function()</td></tr></table></blockquote>Returns true if this drag source is active.</div></div><div class=CToolTip id="tt34"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.reset = function()</td></tr></table></blockquote>Stops and removes everything and restores the state of the object.</div></div><div class=CToolTip id="tt35"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.mouseDown = function(</td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the drop target for the given graph and coordinates. </div></div><div class=CToolTip id="tt36"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.startDrag = function(</td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Creates the dragElement using createDragElement.</div></div><div class=CToolTip id="tt37"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.stopDrag = function()</td></tr></table></blockquote>Invokes removeDragElement.</div></div><div class=CToolTip id="tt38"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.removeDragElement = function()</td></tr></table></blockquote>Removes and destroys the dragElement.</div></div><div class=CToolTip id="tt39"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.getElementForEvent = function(</td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the topmost element under the given event.</div></div><div class=CToolTip id="tt40"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.graphContainsEvent = function(</td><td class="PParameter prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns true if the given graph contains the given event.</div></div><div class=CToolTip id="tt41"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.mouseMove = function(</td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Gets the graph for the given event using getGraphForEvent, updates the currentGraph, calling dragEnter and dragExit on the new and old graph, respectively, and invokes dragOver if currentGraph is not null.</div></div><div class=CToolTip id="tt42"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.dragEnter = function(</td><td class="PParameter prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Actives the given graph as a drop target.</div></div><div class=CToolTip id="tt43"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.dragExit = function(</td><td class="PParameter prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Deactivates the given graph as a drop target.</div></div><div class=CToolTip id="tt44"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.dragOver = function(</td><td class="PParameter prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Implements autoscroll, updates the currentPoint, highlights any drop targets and updates the preview.</div></div><div class=CToolTip id="tt45"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.mouseUp = function(</td><td class="PParameter prettyprint " nowrap>evt</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Processes the mouse up event and invokes drop, dragExit and stopDrag as required.</div></div><div class=CToolTip id="tt46"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxDragSource.prototype.drop = function(</td><td class="PParameter prettyprint " nowrap>graph,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>evt,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>dropTarget,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the drop target for the given graph and coordinates. </div></div><div class=CToolTip id="tt47"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td class="prettyprint">mxDragSource.prototype.removeListeners = function()</td></tr></table></blockquote>Actives the given graph as a drop target.</div></div><div class=CToolTip id="tt48"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class="Prototype"><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class="PBeforeParameters prettyprint "nowrap>mxGraph.prototype.getCellAt = function(</td><td class="PParameter prettyprint " nowrap>x,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>y,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>parent,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>vertices,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>edges,</td></tr><tr><td></td><td class="PParameter prettyprint " nowrap>ignoreFn</td><td class="PAfterParameters prettyprint "nowrap>)</td></tr></table></td></tr></table></blockquote>Returns the bottom-most cell that intersects the given point (x, y) in the cell hierarchy starting at the given parent. </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