<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns:yui="http://yuilibrary.com/rdf/1.0/yui.rdf#">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>API: WireIt WireIt.util.DD (YUI Library)</title>
<link rel="stylesheet" type="text/css" href="assets/reset-fonts-grids-min.css" />
<link rel="stylesheet" type="text/css" href="assets/api.css" />
<script type="text/javascript" src="assets/api-js"></script>
<script type="text/javascript" src="assets/ac-js"></script>
</head>
<body id="yahoo-com">
<div id="doc3" class="yui-t2">
<div id="hd">
<h1><a href="http://neyric.github.com/wireit" title="WireItLibrary">WireItLibrary</a></h1>
<h3>WireIt <span class="subtitle">0.6.0</span></h3>
<a href="./index.html" title="WireItLibrary">WireItLibrary</a>
> <a href="./module_wireit.html" title="WireIt">WireIt</a>
> WireIt.util.DD
<form onsubmit="return false">
<div id="propertysearch">
Search: <input autocomplete="off" id="searchinput" />
<div id="searchresults">
</div>
</div>
</form>
</div>
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<form action="#" name="yui-classopts-form" method="get" id="yui-classopts-form">
<fieldset>
<legend>Filters</legend>
<span class="classopts"><input type="checkbox" name="show_private" id="show_private" /> <label for="show_private">Show Private</label></span>
<span class="classopts"><input type="checkbox" name="show_protected" id="show_protected" /> <label for="show_protected">Show Protected</label></span>
<span class="classopts"><input type="checkbox" name="show_deprecated" id="show_deprecated" /> <label for="show_deprecated">Show Deprecated</label></span>
</fieldset>
</form>
<h2>
Class <b property="yui:name">WireIt.util.DD</b>
<span class="extends">
- extends <a href="YAHOO.util.DD.html" title="YAHOO.util.DD">YAHOO.util.DD</a>
</span>
</h2>
<!-- class tree goes here -->
<div class="summary description" property="yui:description">
WireIt.util.DD is a wrapper class for YAHOO.util.DD, to redraw the wires associated with the given terminals while drag-dropping
</div>
<div class="section constructor details" rel="yui:constructor" resource="#constructor">
<h3 id="constructor">Constructor</h3>
<div class="content">
<div class="detail">
<strong property="yui:name">WireIt.util.DD</strong>
<code>
(
terminals
,
id
,
sGroup
,
config
)
</code>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">terminals</span>
<<span property="yui:type">Array</span>>
</code>
<span property="yui:description"> List of WireIt.Terminal objects associated within the DragDrop element</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">id</span>
<<span property="yui:type">String</span>>
</code>
<span property="yui:description"> Parameter of YAHOO.util.DD</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">sGroup</span>
<<span property="yui:type">String</span>>
</code>
<span property="yui:description"> Parameter of YAHOO.util.DD</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">config</span>
<<span property="yui:type">Object</span>>
</code>
<span property="yui:description"> Parameter of YAHOO.util.DD</span>
</dd>
</dl>
</div>
</div>
</div>
</div>
<div rel="yui:properties" resource="#properties">
<div class="section field details">
<h3 id="properties">Properties</h3>
<div class="content">
<div class="" rel="yui:property" resource="#property__WireItTerminals">
<h4><a name="property__WireItTerminals" property="yui:name">_WireItTerminals</a>
- <code><span property="yui:type">{Array}</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
List of the contained terminals
</div>
</div>
<hr />
</div>
</div>
</div>
</div>
<div rel="yui:methods" resource="#methods">
<div class="section method details">
<h3 id="methods">Methods</h3>
<div class="content">
<div class="" rel="yui:method" resource="#method_onDrag">
<h4>
<a name="method_onDrag">onDrag</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">onDrag</strong>
(
)
</code>
<div class="description" property="yui:description">
Override YAHOO.util.DD.prototype.onDrag to redraw the wires
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_setTerminals">
<h4>
<a name="method_setTerminals">setTerminals</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">setTerminals</strong>
(
)
</code>
<div class="description" property="yui:description">
In case you change the terminals since you created the WireIt.util.DD:
</div>
<div class="description">
</div>
</div>
<hr />
</div>
</div>
</div>
</div>
<div rel="yui:events" resource="#events">
</div>
<div rel="yui:attributes" resource="#configattributes">
</div>
</div>
</div>
<div class="yui-b">
<div class="nav">
<div id="moduleList" class="module">
<h4>Modules</h4>
<ul class="content">
<li class=""><a href="module_animations-plugin.html" title="animations-plugin">animations-plugin</a></li>
<li class=""><a href="module_composable-plugin.html" title="composable-plugin">composable-plugin</a></li>
<li class=""><a href="module_editor-plugin.html" title="editor-plugin">editor-plugin</a></li>
<li class=""><a href="module_inputex-plugin.html" title="inputex-plugin">inputex-plugin</a></li>
<li class=""><a href="module_layout-plugin.html" title="layout-plugin">layout-plugin</a></li>
<li class="selected"><a href="module_wireit.html" title="WireIt">WireIt</a></li>
</ul>
</div>
<div id="classList" class="module">
<h4>Classes</h4>
<ul class="content">
<li class=""><a href="WireIt.ArrowWire.html" title="WireIt.ArrowWire">WireIt.ArrowWire</a></li>
<li class=""><a href="WireIt.BezierArrowWire.html" title="WireIt.BezierArrowWire">WireIt.BezierArrowWire</a></li>
<li class=""><a href="WireIt.BezierWire.html" title="WireIt.BezierWire">WireIt.BezierWire</a></li>
<li class=""><a href="WireIt.CanvasContainer.html" title="WireIt.CanvasContainer">WireIt.CanvasContainer</a></li>
<li class=""><a href="WireIt.CanvasElement.html" title="WireIt.CanvasElement">WireIt.CanvasElement</a></li>
<li class=""><a href="WireIt.Container.html" title="WireIt.Container">WireIt.Container</a></li>
<li class=""><a href="WireIt.Layer.html" title="WireIt.Layer">WireIt.Layer</a></li>
<li class=""><a href="WireIt.LayerMap.html" title="WireIt.LayerMap">WireIt.LayerMap</a></li>
<li class=""><a href="WireIt.LeftSquareArrow.html" title="WireIt.LeftSquareArrow">WireIt.LeftSquareArrow</a></li>
<li class=""><a href="WireIt.RectLabelContainer.html" title="WireIt.RectLabelContainer">WireIt.RectLabelContainer</a></li>
<li class=""><a href="WireIt.RightSquareArrow.html" title="WireIt.RightSquareArrow">WireIt.RightSquareArrow</a></li>
<li class=""><a href="WireIt.Scissors.html" title="WireIt.Scissors">WireIt.Scissors</a></li>
<li class=""><a href="WireIt.StepWire.html" title="WireIt.StepWire">WireIt.StepWire</a></li>
<li class=""><a href="WireIt.Terminal.html" title="WireIt.Terminal">WireIt.Terminal</a></li>
<li class=""><a href="WireIt.TerminalProxy.html" title="WireIt.TerminalProxy">WireIt.TerminalProxy</a></li>
<li class="selected"><a href="WireIt.util.DD.html" title="WireIt.util.DD">WireIt.util.DD</a></li>
<li class=""><a href="WireIt.util.DDResize.html" title="WireIt.util.DDResize">WireIt.util.DDResize</a></li>
<li class=""><a href="WireIt.util.EllipseLabelContainer.html" title="WireIt.util.EllipseLabelContainer">WireIt.util.EllipseLabelContainer</a></li>
<li class=""><a href="WireIt.util.ImageContainer.html" title="WireIt.util.ImageContainer">WireIt.util.ImageContainer</a></li>
<li class=""><a href="WireIt.util.InOutContainer.html" title="WireIt.util.InOutContainer">WireIt.util.InOutContainer</a></li>
<li class=""><a href="WireIt.util.TerminalInput.html" title="WireIt.util.TerminalInput">WireIt.util.TerminalInput</a></li>
<li class=""><a href="WireIt.util.TerminalOutput.html" title="WireIt.util.TerminalOutput">WireIt.util.TerminalOutput</a></li>
<li class=""><a href="WireIt.Wire.html" title="WireIt.Wire">WireIt.Wire</a></li>
<li class=""><a href="WireIt.WireIt.html" title="WireIt.WireIt">WireIt.WireIt</a></li>
</ul>
</div>
<div id="fileList" class="module">
<h4>Files</h4>
<ul class="content">
<li class=""><a href="ArrowWire.js.html" title="ArrowWire.js">ArrowWire.js</a></li>
<li class=""><a href="BezierArrowWire.js.html" title="BezierArrowWire.js">BezierArrowWire.js</a></li>
<li class=""><a href="BezierWire.js.html" title="BezierWire.js">BezierWire.js</a></li>
<li class=""><a href="CanvasContainer.js.html" title="CanvasContainer.js">CanvasContainer.js</a></li>
<li class=""><a href="CanvasElement.js.html" title="CanvasElement.js">CanvasElement.js</a></li>
<li class=""><a href="Container.js.html" title="Container.js">Container.js</a></li>
<li class=""><a href="DD.js.html" title="DD.js">DD.js</a></li>
<li class=""><a href="DDResize.js.html" title="DDResize.js">DDResize.js</a></li>
<li class=""><a href="EllipseLabelContainer.js.html" title="EllipseLabelContainer.js">EllipseLabelContainer.js</a></li>
<li class=""><a href="ImageContainer.js.html" title="ImageContainer.js">ImageContainer.js</a></li>
<li class=""><a href="InOutContainer.js.html" title="InOutContainer.js">InOutContainer.js</a></li>
<li class=""><a href="Layer.js.html" title="Layer.js">Layer.js</a></li>
<li class=""><a href="LayerMap.js.html" title="LayerMap.js">LayerMap.js</a></li>
<li class=""><a href="LeftSquareArrowWire.js.html" title="LeftSquareArrowWire.js">LeftSquareArrowWire.js</a></li>
<li class=""><a href="RectLabelContainer.js.html" title="RectLabelContainer.js">RectLabelContainer.js</a></li>
<li class=""><a href="RightSquareArrowWire.js.html" title="RightSquareArrowWire.js">RightSquareArrowWire.js</a></li>
<li class=""><a href="Scissors.js.html" title="Scissors.js">Scissors.js</a></li>
<li class=""><a href="StepWire.js.html" title="StepWire.js">StepWire.js</a></li>
<li class=""><a href="Terminal.js.html" title="Terminal.js">Terminal.js</a></li>
<li class=""><a href="TerminalInput.js.html" title="TerminalInput.js">TerminalInput.js</a></li>
<li class=""><a href="TerminalOutput.js.html" title="TerminalOutput.js">TerminalOutput.js</a></li>
<li class=""><a href="TerminalProxy.js.html" title="TerminalProxy.js">TerminalProxy.js</a></li>
<li class=""><a href="Wire.js.html" title="Wire.js">Wire.js</a></li>
<li class=""><a href="WireIt.js.html" title="WireIt.js">WireIt.js</a></li>
</ul>
</div>
<div id="propertyList" class="module">
<h4>Properties</h4>
<ul class="content">
<li class=""><a href="#property__WireItTerminals" title="_WireItTerminals">_WireItTerminals</a></li>
</ul>
</div>
<div id="methodsList" class="module">
<h4>Methods</h4>
<ul class="content">
<li class=""><a href="#method_onDrag" title="onDrag">onDrag</a></li>
<li class=""><a href="#method_setTerminals" title="setTerminals">setTerminals</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="ft">
<hr />
Copyright © 2010 Eric Abouaf All rights reserved.
</div>
</div>
<script type="text/javascript">
var ALL_YUI_PROPS = [{"url": "WireIt.Container.html#method_addTerminal", "access": "", "host": "WireIt.Container", "type": "method", "name": "addTerminal"}, {"url": "WireIt.Container.html#property_bodyEl", "access": "", "host": "WireIt.Container", "type": "property", "name": "bodyEl"}, {"url": "WireIt.CanvasContainer.html#property_className", "access": "", "host": "WireIt.CanvasContainer", "type": "property", "name": "className"}, {"url": "WireIt.Container.html#property_className", "access": "", "host": "WireIt.Container", "type": "property", "name": "className"}, {"url": "WireIt.Container.html#property_close", "access": "", "host": "WireIt.Container", "type": "property", "name": "close"}, {"url": "WireIt.Container.html#property_closeButtonClassName", "access": "", "host": "WireIt.Container", "type": "property", "name": "closeButtonClassName"}, {"url": "WireIt.BezierWire.html#property_coeffMulDirection", "access": "", "host": "WireIt.BezierWire", "type": "property", "name": "coeffMulDirection"}, {"url": "WireIt.CanvasContainer.html#property_ddHandle", "access": "", "host": "WireIt.CanvasContainer", "type": "property", "name": "ddHandle"}, {"url": "WireIt.Container.html#property_ddHandle", "access": "", "host": "WireIt.Container", "type": "property", "name": "ddHandle"}, {"url": "WireIt.Container.html#property_ddHandleClassName", "access": "", "host": "WireIt.Container", "type": "property", "name": "ddHandleClassName"}, {"url": "WireIt.Container.html#method_dehighlight", "access": "", "host": "WireIt.Container", "type": "method", "name": "dehighlight"}, {"url": "WireIt.CanvasElement.html#method_destroy", "access": "", "host": "WireIt.CanvasElement", "type": "method", "name": "destroy"}, {"url": "WireIt.Container.html#property_draggable", "access": "", "host": "WireIt.Container", "type": "property", "name": "draggable"}, {"url": "WireIt.ArrowWire.html#method_draw", "access": "", "host": "WireIt.ArrowWire", "type": "method", "name": "draw"}, {"url": "WireIt.BezierArrowWire.html#method_draw", "access": "", "host": "WireIt.BezierArrowWire", "type": "method", "name": "draw"}, {"url": "WireIt.BezierWire.html#method_draw", "access": "", "host": "WireIt.BezierWire", "type": "method", "name": "draw"}, {"url": "WireIt.CanvasContainer.html#method_drawCanvas", "access": "", "host": "WireIt.CanvasContainer", "type": "method", "name": "drawCanvas"}, {"url": "WireIt.Container.html#property_el", "access": "", "host": "WireIt.Container", "type": "property", "name": "el"}, {"url": "WireIt.CanvasElement.html#property_element", "access": "", "host": "WireIt.CanvasElement", "type": "property", "name": "element"}, {"url": "WireIt.Container.html#event_eventAddWire", "access": "", "host": "WireIt.Container", "type": "event", "name": "eventAddWire"}, {"url": "WireIt.Container.html#event_eventBlur", "access": "", "host": "WireIt.Container", "type": "event", "name": "eventBlur"}, {"url": "WireIt.Container.html#event_eventFocus", "access": "", "host": "WireIt.Container", "type": "event", "name": "eventFocus"}, {"url": "WireIt.Container.html#event_eventRemoveWire", "access": "", "host": "WireIt.Container", "type": "event", "name": "eventRemoveWire"}, {"url": "WireIt.Container.html#method_getConfig", "access": "", "host": "WireIt.Container", "type": "method", "name": "getConfig"}, {"url": "WireIt.CanvasElement.html#method_getContext", "access": "", "host": "WireIt.CanvasElement", "type": "method", "name": "getContext"}, {"url": "WireIt.Container.html#method_getTerminal", "access": "", "host": "WireIt.Container", "type": "method", "name": "getTerminal"}, {"url": "WireIt.Container.html#method_getValue", "access": "", "host": "WireIt.Container", "type": "method", "name": "getValue"}, {"url": "WireIt.Container.html#method_getXY", "access": "", "host": "WireIt.Container", "type": "method", "name": "getXY"}, {"url": "WireIt.Container.html#property_groupable", "access": "", "host": "WireIt.Container", "type": "property", "name": "groupable"}, {"url": "WireIt.CanvasContainer.html#property_height", "access": "", "host": "WireIt.CanvasContainer", "type": "property", "name": "height"}, {"url": "WireIt.Container.html#property_height", "access": "", "host": "WireIt.Container", "type": "property", "name": "height"}, {"url": "WireIt.Container.html#method_highlight", "access": "", "host": "WireIt.Container", "type": "method", "name": "highlight"}, {"url": "WireIt.Container.html#property_icon", "access": "", "host": "WireIt.Container", "type": "property", "name": "icon"}, {"url": "WireIt.Container.html#method_initTerminals", "access": "", "host": "WireIt.Container", "type": "method", "name": "initTerminals"}, {"url": "WireIt.Container.html#property_layer", "access": "", "host": "WireIt.Container", "type": "property", "name": "layer"}, {"url": "WireIt.Container.html#method_makeDraggable", "access": "", "host": "WireIt.Container", "type": "method", "name": "makeDraggable"}, {"url": "WireIt.Container.html#method_makeResizable", "access": "", "host": "WireIt.Container", "type": "method", "name": "makeResizable"}, {"url": "WireIt.Container.html#method_onAddWire", "access": "", "host": "WireIt.Container", "type": "method", "name": "onAddWire"}, {"url": "WireIt.Container.html#method_onCloseButton", "access": "", "host": "WireIt.Container", "type": "method", "name": "onCloseButton"}, {"url": "WireIt.util.DD.html#method_onDrag", "access": "", "host": "WireIt.util.DD", "type": "method", "name": "onDrag"}, {"url": "WireIt.Container.html#method_onMouseDown", "access": "", "host": "WireIt.Container", "type": "method", "name": "onMouseDown"}, {"url": "WireIt.Container.html#method_onRemoveWire", "access": "", "host": "WireIt.Container", "type": "method", "name": "onRemoveWire"}, {"url": "WireIt.CanvasContainer.html#method_onResize", "access": "", "host": "WireIt.CanvasContainer", "type": "method", "name": "onResize"}, {"url": "WireIt.Container.html#method_onResize", "access": "", "host": "WireIt.Container", "type": "method", "name": "onResize"}, {"url": "WireIt.Container.html#property_position", "access": "", "host": "WireIt.Container", "type": "property", "name": "position"}, {"url": "WireIt.Container.html#property_preventSelfWiring", "access": "", "host": "WireIt.Container", "type": "property", "name": "preventSelfWiring"}, {"url": "WireIt.Container.html#method_redrawAllTerminals", "access": "", "host": "WireIt.Container", "type": "method", "name": "redrawAllTerminals"}, {"url": "WireIt.Container.html#method_remove", "access": "", "host": "WireIt.Container", "type": "method", "name": "remove"}, {"url": "WireIt.Container.html#method_removeAllTerminals", "access": "", "host": "WireIt.Container", "type": "method", "name": "removeAllTerminals"}, {"url": "WireIt.Container.html#method_removeFocus", "access": "", "host": "WireIt.Container", "type": "method", "name": "removeFocus"}, {"url": "WireIt.CanvasContainer.html#method_render", "access": "", "host": "WireIt.CanvasContainer", "type": "method", "name": "render"}, {"url": "WireIt.Container.html#method_render", "access": "", "host": "WireIt.Container", "type": "method", "name": "render"}, {"url": "WireIt.Container.html#property_resizable", "access": "", "host": "WireIt.Container", "type": "property", "name": "resizable"}, {"url": "WireIt.Container.html#property_resizeHandleClassName", "access": "", "host": "WireIt.Container", "type": "property", "name": "resizeHandleClassName"}, {"url": "WireIt.Container.html#method_setBody", "access": "", "host": "WireIt.Container", "type": "method", "name": "setBody"}, {"url": "WireIt.CanvasElement.html#method_SetCanvasRegion", "access": "", "host": "WireIt.CanvasElement", "type": "method", "name": "SetCanvasRegion"}, {"url": "WireIt.Container.html#method_setFocus", "access": "", "host": "WireIt.Container", "type": "method", "name": "setFocus"}, {"url": "WireIt.Container.html#method_setOptions", "access": "", "host": "WireIt.Container", "type": "method", "name": "setOptions"}, {"url": "WireIt.util.DD.html#method_setTerminals", "access": "", "host": "WireIt.util.DD", "type": "method", "name": "setTerminals"}, {"url": "WireIt.Container.html#method_setValue", "access": "", "host": "WireIt.Container", "type": "method", "name": "setValue"}, {"url": "WireIt.Container.html#method_superHighlight", "access": "", "host": "WireIt.Container", "type": "method", "name": "superHighlight"}, {"url": "WireIt.Container.html#property_terminals", "access": "", "host": "WireIt.Container", "type": "property", "name": "terminals"}, {"url": "WireIt.Container.html#property_title", "access": "", "host": "WireIt.Container", "type": "property", "name": "title"}, {"url": "WireIt.CanvasContainer.html#property_width", "access": "", "host": "WireIt.CanvasContainer", "type": "property", "name": "width"}, {"url": "WireIt.Container.html#property_width", "access": "", "host": "WireIt.Container", "type": "property", "name": "width"}, {"url": "WireIt.util.DD.html#property__WireItTerminals", "access": "", "host": "WireIt.util.DD", "type": "property", "name": "_WireItTerminals"}, {"url": "WireIt.Container.html#property_wires", "access": "", "host": "WireIt.Container", "type": "property", "name": "wires"}, {"url": "WireIt.ArrowWire.html#property_xtype", "access": "", "host": "WireIt.ArrowWire", "type": "property", "name": "xtype"}, {"url": "WireIt.BezierArrowWire.html#property_xtype", "access": "", "host": "WireIt.BezierArrowWire", "type": "property", "name": "xtype"}, {"url": "WireIt.BezierWire.html#property_xtype", "access": "", "host": "WireIt.BezierWire", "type": "property", "name": "xtype"}, {"url": "WireIt.CanvasContainer.html#property_xtype", "access": "", "host": "WireIt.CanvasContainer", "type": "property", "name": "xtype"}, {"url": "WireIt.Container.html#property_xtype", "access": "", "host": "WireIt.Container", "type": "property", "name": "xtype"}];
</script>
</body>
</html>