1 | <div class="body-wrap"> |
---|
2 | <div class="top-tools"> |
---|
3 | <a class="inner-link" href="#Ext.dd.DD-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> |
---|
4 | <a class="inner-link" href="#Ext.dd.DD-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> |
---|
5 | <a class="inner-link" href="#Ext.dd.DD-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> |
---|
6 | <a class="bookmark" href="../docs/?class=Ext.dd.DD"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> |
---|
7 | </div> |
---|
8 | <div class="inheritance res-block"> |
---|
9 | <pre class="res-block-inner"><a ext:cls="Ext.dd.DragDrop" ext:member="" href="output/Ext.dd.DragDrop.html">DragDrop</a> |
---|
10 | <img src="resources/elbow-end.gif"/>DD</pre></div> |
---|
11 | <h1>Class Ext.dd.DD</h1> |
---|
12 | <table cellspacing="0"> |
---|
13 | <tr><td class="label">Package:</td><td class="hd-info">Ext.dd</td></tr> |
---|
14 | <tr><td class="label">Defined In:</td><td class="hd-info"><a href="../src/DDCore.js" target="_blank">DDCore.js</a></td></tr> |
---|
15 | <tr><td class="label">Class:</td><td class="hd-info">DD</td></tr> |
---|
16 | <tr><td class="label">Subclasses:</td><td class="hd-info"><a ext:cls="Ext.dd.DDProxy" href="output/Ext.dd.DDProxy.html">DDProxy</a></td></tr> |
---|
17 | <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.dd.DragDrop" ext:member="" href="output/Ext.dd.DragDrop.html">DragDrop</a></td></tr> |
---|
18 | </table> |
---|
19 | <div class="description"> |
---|
20 | A DragDrop implementation where the linked element follows the |
---|
21 | mouse cursor during a drag. </div> |
---|
22 | |
---|
23 | <div class="hr"></div> |
---|
24 | <a id="Ext.dd.DD-props"></a> |
---|
25 | <h2>Public Properties</h2> |
---|
26 | <table cellspacing="0" class="member-table"> |
---|
27 | <tr> |
---|
28 | <th class="sig-header" colspan="2">Property</th> |
---|
29 | <th class="msource-header">Defined By</th> |
---|
30 | </tr> |
---|
31 | <tr class="property-row inherited"> |
---|
32 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
33 | <td class="sig"> |
---|
34 | <a id="Ext.dd.DD-available"></a> |
---|
35 | <b>available</b> : boolean <div class="mdesc"> |
---|
36 | The availabe property is false until the linked dom element is accessible. </div> |
---|
37 | </td> |
---|
38 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#available" href="output/Ext.dd.DragDrop.html#available">DragDrop</a></td> |
---|
39 | </tr> |
---|
40 | <tr class="property-row inherited alt"> |
---|
41 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
42 | <td class="sig"> |
---|
43 | <a id="Ext.dd.DD-config"></a> |
---|
44 | <b>config</b> : object <div class="mdesc"> |
---|
45 | Configuration attributes passed into the constructor </div> |
---|
46 | </td> |
---|
47 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#config" href="output/Ext.dd.DragDrop.html#config">DragDrop</a></td> |
---|
48 | </tr> |
---|
49 | <tr class="property-row inherited"> |
---|
50 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
51 | <td class="sig"> |
---|
52 | <a id="Ext.dd.DD-defaultPadding"></a> |
---|
53 | <b>defaultPadding</b> : Object <div class="mdesc"> |
---|
54 | Provides default constraint padding to "constrainTo" elements (defaults to {left: 0, right:0, top:0, bottom:0}). </div> |
---|
55 | </td> |
---|
56 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#defaultPadding" href="output/Ext.dd.DragDrop.html#defaultPadding">DragDrop</a></td> |
---|
57 | </tr> |
---|
58 | <tr class="property-row inherited alt expandable"> |
---|
59 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
60 | <td class="sig"> |
---|
61 | <a id="Ext.dd.DD-groups"></a> |
---|
62 | <b>groups</b> : object <div class="mdesc"> |
---|
63 | <div class="short">The group defines a logical collection of DragDrop objects that are |
---|
64 | related. Instances only get events when interact...</div> |
---|
65 | <div class="long"> |
---|
66 | The group defines a logical collection of DragDrop objects that are |
---|
67 | related. Instances only get events when interacting with other |
---|
68 | DragDrop object in the same group. This lets us define multiple |
---|
69 | groups using a single DragDrop subclass if we want. </div> |
---|
70 | </div> |
---|
71 | </td> |
---|
72 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#groups" href="output/Ext.dd.DragDrop.html#groups">DragDrop</a></td> |
---|
73 | </tr> |
---|
74 | <tr class="property-row inherited expandable"> |
---|
75 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
76 | <td class="sig"> |
---|
77 | <a id="Ext.dd.DD-hasOuterHandles"></a> |
---|
78 | <b>hasOuterHandles</b> : boolean <div class="mdesc"> |
---|
79 | <div class="short">By default, drags can only be initiated if the mousedown occurs in the |
---|
80 | region the linked element is. This is done in...</div> |
---|
81 | <div class="long"> |
---|
82 | By default, drags can only be initiated if the mousedown occurs in the |
---|
83 | region the linked element is. This is done in part to work around a |
---|
84 | bug in some browsers that mis-report the mousedown if the previous |
---|
85 | mouseup happened outside of the window. This property is set to true |
---|
86 | if outer handles are defined. </div> |
---|
87 | </div> |
---|
88 | </td> |
---|
89 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#hasOuterHandles" href="output/Ext.dd.DragDrop.html#hasOuterHandles">DragDrop</a></td> |
---|
90 | </tr> |
---|
91 | <tr class="property-row inherited alt expandable"> |
---|
92 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
93 | <td class="sig"> |
---|
94 | <a id="Ext.dd.DD-id"></a> |
---|
95 | <b>id</b> : String <div class="mdesc"> |
---|
96 | <div class="short">The id of the element associated with this object. This is what we |
---|
97 | refer to as the "linked element" because the size...</div> |
---|
98 | <div class="long"> |
---|
99 | The id of the element associated with this object. This is what we |
---|
100 | refer to as the "linked element" because the size and position of |
---|
101 | this element is used to determine when the drag and drop objects have |
---|
102 | interacted. </div> |
---|
103 | </div> |
---|
104 | </td> |
---|
105 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#id" href="output/Ext.dd.DragDrop.html#id">DragDrop</a></td> |
---|
106 | </tr> |
---|
107 | <tr class="property-row inherited"> |
---|
108 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
109 | <td class="sig"> |
---|
110 | <a id="Ext.dd.DD-invalidHandleClasses"></a> |
---|
111 | <b>invalidHandleClasses</b> : Array <div class="mdesc"> |
---|
112 | An Array of CSS class names for elements to be considered in valid as drag handles. </div> |
---|
113 | </td> |
---|
114 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#invalidHandleClasses" href="output/Ext.dd.DragDrop.html#invalidHandleClasses">DragDrop</a></td> |
---|
115 | </tr> |
---|
116 | <tr class="property-row inherited alt expandable"> |
---|
117 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
118 | <td class="sig"> |
---|
119 | <a id="Ext.dd.DD-invalidHandleIds"></a> |
---|
120 | <b>invalidHandleIds</b> : Object <div class="mdesc"> |
---|
121 | <div class="short">An object who's property names identify the IDs of elements to be considered invalid as drag handles. |
---|
122 | A non-null prop...</div> |
---|
123 | <div class="long"> |
---|
124 | An object who's property names identify the IDs of elements to be considered invalid as drag handles. |
---|
125 | A non-null property value identifies the ID as invalid. For example, to prevent |
---|
126 | dragging from being initiated on element ID "foo", use:<pre><code>{ |
---|
127 | foo: true |
---|
128 | }</code></pre> </div> |
---|
129 | </div> |
---|
130 | </td> |
---|
131 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#invalidHandleIds" href="output/Ext.dd.DragDrop.html#invalidHandleIds">DragDrop</a></td> |
---|
132 | </tr> |
---|
133 | <tr class="property-row inherited expandable"> |
---|
134 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
135 | <td class="sig"> |
---|
136 | <a id="Ext.dd.DD-invalidHandleTypes"></a> |
---|
137 | <b>invalidHandleTypes</b> : Object <div class="mdesc"> |
---|
138 | <div class="short">An object who's property names identify HTML tags to be considered invalid as drag handles. |
---|
139 | A non-null property value...</div> |
---|
140 | <div class="long"> |
---|
141 | An object who's property names identify HTML tags to be considered invalid as drag handles. |
---|
142 | A non-null property value identifies the tag as invalid. Defaults to the |
---|
143 | following value which prevents drag operations from being initiated by <a> elements:<pre><code>{ |
---|
144 | A: <em>"A"</em> |
---|
145 | }</code></pre> </div> |
---|
146 | </div> |
---|
147 | </td> |
---|
148 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#invalidHandleTypes" href="output/Ext.dd.DragDrop.html#invalidHandleTypes">DragDrop</a></td> |
---|
149 | </tr> |
---|
150 | <tr class="property-row inherited alt"> |
---|
151 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
152 | <td class="sig"> |
---|
153 | <a id="Ext.dd.DD-isTarget"></a> |
---|
154 | <b>isTarget</b> : boolean <div class="mdesc"> |
---|
155 | By default, all instances can be a drop target. This can be disabled by |
---|
156 | setting isTarget to false. </div> |
---|
157 | </td> |
---|
158 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#isTarget" href="output/Ext.dd.DragDrop.html#isTarget">DragDrop</a></td> |
---|
159 | </tr> |
---|
160 | <tr class="property-row inherited expandable"> |
---|
161 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
162 | <td class="sig"> |
---|
163 | <a id="Ext.dd.DD-maintainOffset"></a> |
---|
164 | <b>maintainOffset</b> : boolean <div class="mdesc"> |
---|
165 | <div class="short">Maintain offsets when we resetconstraints. Set to true when you want |
---|
166 | the position of the element relative to its par...</div> |
---|
167 | <div class="long"> |
---|
168 | Maintain offsets when we resetconstraints. Set to true when you want |
---|
169 | the position of the element relative to its parent to stay the same |
---|
170 | when the page changes </div> |
---|
171 | </div> |
---|
172 | </td> |
---|
173 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#maintainOffset" href="output/Ext.dd.DragDrop.html#maintainOffset">DragDrop</a></td> |
---|
174 | </tr> |
---|
175 | <tr class="property-row inherited alt expandable"> |
---|
176 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
177 | <td class="sig"> |
---|
178 | <a id="Ext.dd.DD-moveOnly"></a> |
---|
179 | <b>moveOnly</b> : boolean <div class="mdesc"> |
---|
180 | <div class="short">When set to true, other DD objects in cooperating DDGroups do not receive |
---|
181 | notification events when this DD object is ...</div> |
---|
182 | <div class="long"> |
---|
183 | When set to true, other DD objects in cooperating DDGroups do not receive |
---|
184 | notification events when this DD object is dragged over them. Defaults to false. </div> |
---|
185 | </div> |
---|
186 | </td> |
---|
187 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#moveOnly" href="output/Ext.dd.DragDrop.html#moveOnly">DragDrop</a></td> |
---|
188 | </tr> |
---|
189 | <tr class="property-row inherited"> |
---|
190 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
191 | <td class="sig"> |
---|
192 | <a id="Ext.dd.DD-padding"></a> |
---|
193 | <b>padding</b> : int[] <div class="mdesc"> |
---|
194 | The padding configured for this drag and drop object for calculating |
---|
195 | the drop zone intersection with this object. </div> |
---|
196 | </td> |
---|
197 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#padding" href="output/Ext.dd.DragDrop.html#padding">DragDrop</a></td> |
---|
198 | </tr> |
---|
199 | <tr class="property-row inherited alt expandable"> |
---|
200 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
201 | <td class="sig"> |
---|
202 | <a id="Ext.dd.DD-primaryButtonOnly"></a> |
---|
203 | <b>primaryButtonOnly</b> : boolean <div class="mdesc"> |
---|
204 | <div class="short">By default the drag and drop instance will only respond to the primary |
---|
205 | button click (left button for a right-handed m...</div> |
---|
206 | <div class="long"> |
---|
207 | By default the drag and drop instance will only respond to the primary |
---|
208 | button click (left button for a right-handed mouse). Set to true to |
---|
209 | allow drag and drop to start with any mouse click that is propogated |
---|
210 | by the browser </div> |
---|
211 | </div> |
---|
212 | </td> |
---|
213 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#primaryButtonOnly" href="output/Ext.dd.DragDrop.html#primaryButtonOnly">DragDrop</a></td> |
---|
214 | </tr> |
---|
215 | <tr class="property-row expandable"> |
---|
216 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
217 | <td class="sig"> |
---|
218 | <a id="Ext.dd.DD-scroll"></a> |
---|
219 | <b>scroll</b> : boolean <div class="mdesc"> |
---|
220 | <div class="short">When set to true, the utility automatically tries to scroll the browser |
---|
221 | window when a drag and drop element is dragge...</div> |
---|
222 | <div class="long"> |
---|
223 | When set to true, the utility automatically tries to scroll the browser |
---|
224 | window when a drag and drop element is dragged near the viewport boundary. |
---|
225 | Defaults to true. </div> |
---|
226 | </div> |
---|
227 | </td> |
---|
228 | <td class="msource">DD</td> |
---|
229 | </tr> |
---|
230 | <tr class="property-row inherited alt expandable"> |
---|
231 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
232 | <td class="sig"> |
---|
233 | <a id="Ext.dd.DD-xTicks"></a> |
---|
234 | <b>xTicks</b> : int[] <div class="mdesc"> |
---|
235 | <div class="short">Array of pixel locations the element will snap to if we specified a |
---|
236 | horizontal graduation/interval. This array is ge...</div> |
---|
237 | <div class="long"> |
---|
238 | Array of pixel locations the element will snap to if we specified a |
---|
239 | horizontal graduation/interval. This array is generated automatically |
---|
240 | when you define a tick interval. </div> |
---|
241 | </div> |
---|
242 | </td> |
---|
243 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#xTicks" href="output/Ext.dd.DragDrop.html#xTicks">DragDrop</a></td> |
---|
244 | </tr> |
---|
245 | <tr class="property-row inherited expandable"> |
---|
246 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
247 | <td class="sig"> |
---|
248 | <a id="Ext.dd.DD-yTicks"></a> |
---|
249 | <b>yTicks</b> : int[] <div class="mdesc"> |
---|
250 | <div class="short">Array of pixel locations the element will snap to if we specified a |
---|
251 | vertical graduation/interval. This array is gene...</div> |
---|
252 | <div class="long"> |
---|
253 | Array of pixel locations the element will snap to if we specified a |
---|
254 | vertical graduation/interval. This array is generated automatically |
---|
255 | when you define a tick interval. </div> |
---|
256 | </div> |
---|
257 | </td> |
---|
258 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#yTicks" href="output/Ext.dd.DragDrop.html#yTicks">DragDrop</a></td> |
---|
259 | </tr> |
---|
260 | </table> |
---|
261 | <a id="Ext.dd.DD-methods"></a> |
---|
262 | <h2>Public Methods</h2> |
---|
263 | <table cellspacing="0" class="member-table"> |
---|
264 | <tr> |
---|
265 | <th class="sig-header" colspan="2">Method</th> |
---|
266 | <th class="msource-header">Defined By</th> |
---|
267 | </tr> |
---|
268 | <tr class="method-row expandable"> |
---|
269 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
270 | <td class="sig"> |
---|
271 | <a id="Ext.dd.DD-DD"></a> |
---|
272 | <b>DD</b>( <code>String id</code>, <code>String sGroup</code>, <code>object config</code> ) <div class="mdesc"> |
---|
273 | <div class="short"></div> |
---|
274 | <div class="long"> |
---|
275 | <div class="mdetail-params"> |
---|
276 | <strong>Parameters:</strong> |
---|
277 | <ul><li><code>id</code> : String<div class="sub-desc">the id of the linked element</div></li><li><code>sGroup</code> : String<div class="sub-desc">the group of related DragDrop items</div></li><li><code>config</code> : object<div class="sub-desc">an object containing configurable attributes |
---|
278 | Valid properties for DD: |
---|
279 | scroll</div></li> </ul> |
---|
280 | <strong>Returns:</strong> |
---|
281 | <ul> |
---|
282 | <li><code></code></li> |
---|
283 | </ul> |
---|
284 | </div> |
---|
285 | </div> |
---|
286 | </div> |
---|
287 | </td> |
---|
288 | <td class="msource">DD</td> |
---|
289 | </tr> |
---|
290 | <tr class="method-row inherited alt expandable"> |
---|
291 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
292 | <td class="sig"> |
---|
293 | <a id="Ext.dd.DD-addInvalidHandleClass"></a> |
---|
294 | <b>addInvalidHandleClass</b>( <code>string cssClass</code> ) : void <div class="mdesc"> |
---|
295 | <div class="short">Lets you specify a css class of elements that will not initiate a drag</div> |
---|
296 | <div class="long"> |
---|
297 | Lets you specify a css class of elements that will not initiate a drag <div class="mdetail-params"> |
---|
298 | <strong>Parameters:</strong> |
---|
299 | <ul><li><code>cssClass</code> : string<div class="sub-desc">the class of the elements you wish to ignore</div></li> </ul> |
---|
300 | <strong>Returns:</strong> |
---|
301 | <ul> |
---|
302 | <li><code>void</code></li> |
---|
303 | </ul> |
---|
304 | </div> |
---|
305 | </div> |
---|
306 | </div> |
---|
307 | </td> |
---|
308 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#addInvalidHandleClass" href="output/Ext.dd.DragDrop.html#addInvalidHandleClass">DragDrop</a></td> |
---|
309 | </tr> |
---|
310 | <tr class="method-row inherited expandable"> |
---|
311 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
312 | <td class="sig"> |
---|
313 | <a id="Ext.dd.DD-addInvalidHandleId"></a> |
---|
314 | <b>addInvalidHandleId</b>( <code>string id</code> ) : void <div class="mdesc"> |
---|
315 | <div class="short">Lets you to specify an element id for a child of a drag handle |
---|
316 | that should not initiate a drag</div> |
---|
317 | <div class="long"> |
---|
318 | Lets you to specify an element id for a child of a drag handle |
---|
319 | that should not initiate a drag <div class="mdetail-params"> |
---|
320 | <strong>Parameters:</strong> |
---|
321 | <ul><li><code>id</code> : string<div class="sub-desc">the element id of the element you wish to ignore</div></li> </ul> |
---|
322 | <strong>Returns:</strong> |
---|
323 | <ul> |
---|
324 | <li><code>void</code></li> |
---|
325 | </ul> |
---|
326 | </div> |
---|
327 | </div> |
---|
328 | </div> |
---|
329 | </td> |
---|
330 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#addInvalidHandleId" href="output/Ext.dd.DragDrop.html#addInvalidHandleId">DragDrop</a></td> |
---|
331 | </tr> |
---|
332 | <tr class="method-row inherited alt expandable"> |
---|
333 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
334 | <td class="sig"> |
---|
335 | <a id="Ext.dd.DD-addInvalidHandleType"></a> |
---|
336 | <b>addInvalidHandleType</b>( <code>string tagName</code> ) : void <div class="mdesc"> |
---|
337 | <div class="short">Allows you to specify a tag name that should not start a drag operation |
---|
338 | when clicked. This is designed to facilitate...</div> |
---|
339 | <div class="long"> |
---|
340 | Allows you to specify a tag name that should not start a drag operation |
---|
341 | when clicked. This is designed to facilitate embedding links within a |
---|
342 | drag handle that do something other than start the drag. <div class="mdetail-params"> |
---|
343 | <strong>Parameters:</strong> |
---|
344 | <ul><li><code>tagName</code> : string<div class="sub-desc">the type of element to exclude</div></li> </ul> |
---|
345 | <strong>Returns:</strong> |
---|
346 | <ul> |
---|
347 | <li><code>void</code></li> |
---|
348 | </ul> |
---|
349 | </div> |
---|
350 | </div> |
---|
351 | </div> |
---|
352 | </td> |
---|
353 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#addInvalidHandleType" href="output/Ext.dd.DragDrop.html#addInvalidHandleType">DragDrop</a></td> |
---|
354 | </tr> |
---|
355 | <tr class="method-row inherited expandable"> |
---|
356 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
357 | <td class="sig"> |
---|
358 | <a id="Ext.dd.DD-addToGroup"></a> |
---|
359 | <b>addToGroup</b>( <code>sGroup {string}</code> ) : void <div class="mdesc"> |
---|
360 | <div class="short">Add this instance to a group of related drag/drop objects. All |
---|
361 | instances belong to at least one group, and can belon...</div> |
---|
362 | <div class="long"> |
---|
363 | Add this instance to a group of related drag/drop objects. All |
---|
364 | instances belong to at least one group, and can belong to as many |
---|
365 | groups as needed. <div class="mdetail-params"> |
---|
366 | <strong>Parameters:</strong> |
---|
367 | <ul><li><code>{string}</code> : sGroup<div class="sub-desc">the name of the group</div></li> </ul> |
---|
368 | <strong>Returns:</strong> |
---|
369 | <ul> |
---|
370 | <li><code>void</code></li> |
---|
371 | </ul> |
---|
372 | </div> |
---|
373 | </div> |
---|
374 | </div> |
---|
375 | </td> |
---|
376 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#addToGroup" href="output/Ext.dd.DragDrop.html#addToGroup">DragDrop</a></td> |
---|
377 | </tr> |
---|
378 | <tr class="method-row alt expandable"> |
---|
379 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
380 | <td class="sig"> |
---|
381 | <a id="Ext.dd.DD-alignElWithMouse"></a> |
---|
382 | <b>alignElWithMouse</b>( <code>HTMLElement el</code>, <code>int iPageX</code>, <code>int iPageY</code> ) : void <div class="mdesc"> |
---|
383 | <div class="short">Sets the element to the location of the mousedown or click event, |
---|
384 | maintaining the cursor location relative to the loc...</div> |
---|
385 | <div class="long"> |
---|
386 | Sets the element to the location of the mousedown or click event, |
---|
387 | maintaining the cursor location relative to the location on the element |
---|
388 | that was clicked. Override this if you want to place the element in a |
---|
389 | location other than where the cursor is. <div class="mdetail-params"> |
---|
390 | <strong>Parameters:</strong> |
---|
391 | <ul><li><code>el</code> : HTMLElement<div class="sub-desc">the element to move</div></li><li><code>iPageX</code> : int<div class="sub-desc">the X coordinate of the mousedown or drag event</div></li><li><code>iPageY</code> : int<div class="sub-desc">the Y coordinate of the mousedown or drag event</div></li> </ul> |
---|
392 | <strong>Returns:</strong> |
---|
393 | <ul> |
---|
394 | <li><code>void</code></li> |
---|
395 | </ul> |
---|
396 | </div> |
---|
397 | </div> |
---|
398 | </div> |
---|
399 | </td> |
---|
400 | <td class="msource">DD</td> |
---|
401 | </tr> |
---|
402 | <tr class="method-row expandable"> |
---|
403 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
404 | <td class="sig"> |
---|
405 | <a id="Ext.dd.DD-applyConfig"></a> |
---|
406 | <b>applyConfig</b>() : void <div class="mdesc"> |
---|
407 | <div class="short">Sets up config options specific to this class. Overrides |
---|
408 | Ext.dd.DragDrop, but all versions of this method through the...</div> |
---|
409 | <div class="long"> |
---|
410 | Sets up config options specific to this class. Overrides |
---|
411 | Ext.dd.DragDrop, but all versions of this method through the |
---|
412 | inheritance chain are called <div class="mdetail-params"> |
---|
413 | <strong>Parameters:</strong> |
---|
414 | <ul><li>None.</li> </ul> |
---|
415 | <strong>Returns:</strong> |
---|
416 | <ul> |
---|
417 | <li><code>void</code></li> |
---|
418 | </ul> |
---|
419 | </div> |
---|
420 | </div> |
---|
421 | </div> |
---|
422 | </td> |
---|
423 | <td class="msource">DD</td> |
---|
424 | </tr> |
---|
425 | <tr class="method-row alt expandable"> |
---|
426 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
427 | <td class="sig"> |
---|
428 | <a id="Ext.dd.DD-autoOffset"></a> |
---|
429 | <b>autoOffset</b>( <code>int iPageX</code>, <code>int iPageY</code> ) : void <div class="mdesc"> |
---|
430 | <div class="short">Sets the pointer offset to the distance between the linked element's top |
---|
431 | left corner and the location the element was...</div> |
---|
432 | <div class="long"> |
---|
433 | Sets the pointer offset to the distance between the linked element's top |
---|
434 | left corner and the location the element was clicked <div class="mdetail-params"> |
---|
435 | <strong>Parameters:</strong> |
---|
436 | <ul><li><code>iPageX</code> : int<div class="sub-desc">the X coordinate of the click</div></li><li><code>iPageY</code> : int<div class="sub-desc">the Y coordinate of the click</div></li> </ul> |
---|
437 | <strong>Returns:</strong> |
---|
438 | <ul> |
---|
439 | <li><code>void</code></li> |
---|
440 | </ul> |
---|
441 | </div> |
---|
442 | </div> |
---|
443 | </div> |
---|
444 | </td> |
---|
445 | <td class="msource">DD</td> |
---|
446 | </tr> |
---|
447 | <tr class="method-row expandable"> |
---|
448 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
449 | <td class="sig"> |
---|
450 | <a id="Ext.dd.DD-b4Drag"></a> |
---|
451 | <b>b4Drag</b>() : void <div class="mdesc"> |
---|
452 | <div class="short">Event that fires prior to the onDrag event. Overrides |
---|
453 | Ext.dd.DragDrop.</div> |
---|
454 | <div class="long"> |
---|
455 | Event that fires prior to the onDrag event. Overrides |
---|
456 | Ext.dd.DragDrop. <div class="mdetail-params"> |
---|
457 | <strong>Parameters:</strong> |
---|
458 | <ul><li>None.</li> </ul> |
---|
459 | <strong>Returns:</strong> |
---|
460 | <ul> |
---|
461 | <li><code>void</code></li> |
---|
462 | </ul> |
---|
463 | </div> |
---|
464 | </div> |
---|
465 | </div> |
---|
466 | </td> |
---|
467 | <td class="msource">DD</td> |
---|
468 | </tr> |
---|
469 | <tr class="method-row alt expandable"> |
---|
470 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
471 | <td class="sig"> |
---|
472 | <a id="Ext.dd.DD-b4MouseDown"></a> |
---|
473 | <b>b4MouseDown</b>() : void <div class="mdesc"> |
---|
474 | <div class="short">Event that fires prior to the onMouseDown event. Overrides |
---|
475 | Ext.dd.DragDrop.</div> |
---|
476 | <div class="long"> |
---|
477 | Event that fires prior to the onMouseDown event. Overrides |
---|
478 | Ext.dd.DragDrop. <div class="mdetail-params"> |
---|
479 | <strong>Parameters:</strong> |
---|
480 | <ul><li>None.</li> </ul> |
---|
481 | <strong>Returns:</strong> |
---|
482 | <ul> |
---|
483 | <li><code>void</code></li> |
---|
484 | </ul> |
---|
485 | </div> |
---|
486 | </div> |
---|
487 | </div> |
---|
488 | </td> |
---|
489 | <td class="msource">DD</td> |
---|
490 | </tr> |
---|
491 | <tr class="method-row expandable"> |
---|
492 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
493 | <td class="sig"> |
---|
494 | <a id="Ext.dd.DD-cachePosition"></a> |
---|
495 | <b>cachePosition</b>( <code>iPageX the</code>, <code>iPageY the</code> ) : void <div class="mdesc"> |
---|
496 | <div class="short">Saves the most recent position so that we can reset the constraints and |
---|
497 | tick marks on-demand. We need to know this s...</div> |
---|
498 | <div class="long"> |
---|
499 | Saves the most recent position so that we can reset the constraints and |
---|
500 | tick marks on-demand. We need to know this so that we can calculate the |
---|
501 | number of pixels the element is offset from its original position. <div class="mdetail-params"> |
---|
502 | <strong>Parameters:</strong> |
---|
503 | <ul><li><code>the</code> : iPageX<div class="sub-desc">current x position (optional, this just makes it so we |
---|
504 | don't have to look it up again)</div></li><li><code>the</code> : iPageY<div class="sub-desc">current y position (optional, this just makes it so we |
---|
505 | don't have to look it up again)</div></li> </ul> |
---|
506 | <strong>Returns:</strong> |
---|
507 | <ul> |
---|
508 | <li><code>void</code></li> |
---|
509 | </ul> |
---|
510 | </div> |
---|
511 | </div> |
---|
512 | </div> |
---|
513 | </td> |
---|
514 | <td class="msource">DD</td> |
---|
515 | </tr> |
---|
516 | <tr class="method-row inherited alt expandable"> |
---|
517 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
518 | <td class="sig"> |
---|
519 | <a id="Ext.dd.DD-clearConstraints"></a> |
---|
520 | <b>clearConstraints</b>() : void <div class="mdesc"> |
---|
521 | <div class="short">Clears any constraints applied to this instance. Also clears ticks |
---|
522 | since they can't exist independent of a constrain...</div> |
---|
523 | <div class="long"> |
---|
524 | Clears any constraints applied to this instance. Also clears ticks |
---|
525 | since they can't exist independent of a constraint at this time. <div class="mdetail-params"> |
---|
526 | <strong>Parameters:</strong> |
---|
527 | <ul><li>None.</li> </ul> |
---|
528 | <strong>Returns:</strong> |
---|
529 | <ul> |
---|
530 | <li><code>void</code></li> |
---|
531 | </ul> |
---|
532 | </div> |
---|
533 | </div> |
---|
534 | </div> |
---|
535 | </td> |
---|
536 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#clearConstraints" href="output/Ext.dd.DragDrop.html#clearConstraints">DragDrop</a></td> |
---|
537 | </tr> |
---|
538 | <tr class="method-row inherited expandable"> |
---|
539 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
540 | <td class="sig"> |
---|
541 | <a id="Ext.dd.DD-clearTicks"></a> |
---|
542 | <b>clearTicks</b>() : void <div class="mdesc"> |
---|
543 | <div class="short">Clears any tick interval defined for this instance</div> |
---|
544 | <div class="long"> |
---|
545 | Clears any tick interval defined for this instance <div class="mdetail-params"> |
---|
546 | <strong>Parameters:</strong> |
---|
547 | <ul><li>None.</li> </ul> |
---|
548 | <strong>Returns:</strong> |
---|
549 | <ul> |
---|
550 | <li><code>void</code></li> |
---|
551 | </ul> |
---|
552 | </div> |
---|
553 | </div> |
---|
554 | </div> |
---|
555 | </td> |
---|
556 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#clearTicks" href="output/Ext.dd.DragDrop.html#clearTicks">DragDrop</a></td> |
---|
557 | </tr> |
---|
558 | <tr class="method-row inherited alt expandable"> |
---|
559 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
560 | <td class="sig"> |
---|
561 | <a id="Ext.dd.DD-constrainTo"></a> |
---|
562 | <b>constrainTo</b>( <code>Mixed constrainTo</code>, <span class="optional" title="Optional">[<code>Object/Number pad</code>]</span>, <span class="optional" title="Optional">[<code>Boolean inContent</code>]</span> ) : void <div class="mdesc"> |
---|
563 | <div class="short">Initializes the drag drop object's constraints to restrict movement to a certain element. |
---|
564 | Usage: |
---|
565 | var dd = new Ext.d...</div> |
---|
566 | <div class="long"> |
---|
567 | Initializes the drag drop object's constraints to restrict movement to a certain element. |
---|
568 | Usage: |
---|
569 | <pre><code>var dd = <b>new</b> Ext.dd.DDProxy(<em>"dragDiv1"</em>, <em>"proxytest"</em>, |
---|
570 | { dragElId: <em>"existingProxyDiv"</em> }); |
---|
571 | dd.startDrag = <b>function</b>(){ |
---|
572 | <b>this</b>.constrainTo(<em>"parent-id"</em>); |
---|
573 | };</code></pre> |
---|
574 | Or you can initalize it using the <a ext:cls="Ext.Element" href="output/Ext.Element.html">Ext.Element</a> object: |
---|
575 | <pre><code>Ext.get(<em>"dragDiv1"</em>).initDDProxy(<em>"proxytest"</em>, {dragElId: <em>"existingProxyDiv"</em>}, { |
---|
576 | startDrag : <b>function</b>(){ |
---|
577 | <b>this</b>.constrainTo(<em>"parent-id"</em>); |
---|
578 | } |
---|
579 | });</code></pre> <div class="mdetail-params"> |
---|
580 | <strong>Parameters:</strong> |
---|
581 | <ul><li><code>constrainTo</code> : Mixed<div class="sub-desc">The element to constrain to.</div></li><li><code>pad</code> : Object/Number<div class="sub-desc">(optional) Pad provides a way to specify "padding" of the constraints, |
---|
582 | and can be either a number for symmetrical padding (4 would be equal to {left:4, right:4, top:4, bottom:4}) or |
---|
583 | an object containing the sides to pad. For example: {right:10, bottom:10}</div></li><li><code>inContent</code> : Boolean<div class="sub-desc">(optional) Constrain the draggable in the content box of the element (inside padding and borders)</div></li> </ul> |
---|
584 | <strong>Returns:</strong> |
---|
585 | <ul> |
---|
586 | <li><code>void</code></li> |
---|
587 | </ul> |
---|
588 | </div> |
---|
589 | </div> |
---|
590 | </div> |
---|
591 | </td> |
---|
592 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#constrainTo" href="output/Ext.dd.DragDrop.html#constrainTo">DragDrop</a></td> |
---|
593 | </tr> |
---|
594 | <tr class="method-row inherited expandable"> |
---|
595 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
596 | <td class="sig"> |
---|
597 | <a id="Ext.dd.DD-endDrag"></a> |
---|
598 | <b>endDrag</b>( <code>Event e</code> ) : void <div class="mdesc"> |
---|
599 | <div class="short">Fired when we are done dragging the object</div> |
---|
600 | <div class="long"> |
---|
601 | Fired when we are done dragging the object <div class="mdetail-params"> |
---|
602 | <strong>Parameters:</strong> |
---|
603 | <ul><li><code>e</code> : Event<div class="sub-desc">the mouseup event</div></li> </ul> |
---|
604 | <strong>Returns:</strong> |
---|
605 | <ul> |
---|
606 | <li><code>void</code></li> |
---|
607 | </ul> |
---|
608 | </div> |
---|
609 | </div> |
---|
610 | </div> |
---|
611 | </td> |
---|
612 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#endDrag" href="output/Ext.dd.DragDrop.html#endDrag">DragDrop</a></td> |
---|
613 | </tr> |
---|
614 | <tr class="method-row inherited alt expandable"> |
---|
615 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
616 | <td class="sig"> |
---|
617 | <a id="Ext.dd.DD-getDragEl"></a> |
---|
618 | <b>getDragEl</b>() : HTMLElement <div class="mdesc"> |
---|
619 | <div class="short">Returns a reference to the actual element to drag. By default this is |
---|
620 | the same as the html element, but it can be as...</div> |
---|
621 | <div class="long"> |
---|
622 | Returns a reference to the actual element to drag. By default this is |
---|
623 | the same as the html element, but it can be assigned to another |
---|
624 | element. An example of this can be found in Ext.dd.DDProxy <div class="mdetail-params"> |
---|
625 | <strong>Parameters:</strong> |
---|
626 | <ul><li>None.</li> </ul> |
---|
627 | <strong>Returns:</strong> |
---|
628 | <ul> |
---|
629 | <li><code>HTMLElement</code><div class="sub-desc">the html element</div></li> |
---|
630 | </ul> |
---|
631 | </div> |
---|
632 | </div> |
---|
633 | </div> |
---|
634 | </td> |
---|
635 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#getDragEl" href="output/Ext.dd.DragDrop.html#getDragEl">DragDrop</a></td> |
---|
636 | </tr> |
---|
637 | <tr class="method-row inherited expandable"> |
---|
638 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
639 | <td class="sig"> |
---|
640 | <a id="Ext.dd.DD-getEl"></a> |
---|
641 | <b>getEl</b>() : HTMLElement <div class="mdesc"> |
---|
642 | <div class="short">Returns a reference to the linked element</div> |
---|
643 | <div class="long"> |
---|
644 | Returns a reference to the linked element <div class="mdetail-params"> |
---|
645 | <strong>Parameters:</strong> |
---|
646 | <ul><li>None.</li> </ul> |
---|
647 | <strong>Returns:</strong> |
---|
648 | <ul> |
---|
649 | <li><code>HTMLElement</code><div class="sub-desc">the html element</div></li> |
---|
650 | </ul> |
---|
651 | </div> |
---|
652 | </div> |
---|
653 | </div> |
---|
654 | </td> |
---|
655 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#getEl" href="output/Ext.dd.DragDrop.html#getEl">DragDrop</a></td> |
---|
656 | </tr> |
---|
657 | <tr class="method-row inherited alt expandable"> |
---|
658 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
659 | <td class="sig"> |
---|
660 | <a id="Ext.dd.DD-init"></a> |
---|
661 | <b>init</b>( <code>id the</code>, <code>String sGroup</code>, <code>object config</code> ) : void <div class="mdesc"> |
---|
662 | <div class="short">Sets up the DragDrop object. Must be called in the constructor of any |
---|
663 | Ext.dd.DragDrop subclass</div> |
---|
664 | <div class="long"> |
---|
665 | Sets up the DragDrop object. Must be called in the constructor of any |
---|
666 | Ext.dd.DragDrop subclass <div class="mdetail-params"> |
---|
667 | <strong>Parameters:</strong> |
---|
668 | <ul><li><code>the</code> : id<div class="sub-desc">id of the linked element</div></li><li><code>sGroup</code> : String<div class="sub-desc">the group of related items</div></li><li><code>config</code> : object<div class="sub-desc">configuration attributes</div></li> </ul> |
---|
669 | <strong>Returns:</strong> |
---|
670 | <ul> |
---|
671 | <li><code>void</code></li> |
---|
672 | </ul> |
---|
673 | </div> |
---|
674 | </div> |
---|
675 | </div> |
---|
676 | </td> |
---|
677 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#init" href="output/Ext.dd.DragDrop.html#init">DragDrop</a></td> |
---|
678 | </tr> |
---|
679 | <tr class="method-row inherited expandable"> |
---|
680 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
681 | <td class="sig"> |
---|
682 | <a id="Ext.dd.DD-initTarget"></a> |
---|
683 | <b>initTarget</b>( <code>id the</code>, <code>String sGroup</code>, <code>object config</code> ) : void <div class="mdesc"> |
---|
684 | <div class="short">Initializes Targeting functionality only... the object does not |
---|
685 | get a mousedown handler.</div> |
---|
686 | <div class="long"> |
---|
687 | Initializes Targeting functionality only... the object does not |
---|
688 | get a mousedown handler. <div class="mdetail-params"> |
---|
689 | <strong>Parameters:</strong> |
---|
690 | <ul><li><code>the</code> : id<div class="sub-desc">id of the linked element</div></li><li><code>sGroup</code> : String<div class="sub-desc">the group of related items</div></li><li><code>config</code> : object<div class="sub-desc">configuration attributes</div></li> </ul> |
---|
691 | <strong>Returns:</strong> |
---|
692 | <ul> |
---|
693 | <li><code>void</code></li> |
---|
694 | </ul> |
---|
695 | </div> |
---|
696 | </div> |
---|
697 | </div> |
---|
698 | </td> |
---|
699 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#initTarget" href="output/Ext.dd.DragDrop.html#initTarget">DragDrop</a></td> |
---|
700 | </tr> |
---|
701 | <tr class="method-row inherited alt expandable"> |
---|
702 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
703 | <td class="sig"> |
---|
704 | <a id="Ext.dd.DD-isLocked"></a> |
---|
705 | <b>isLocked</b>() : boolean <div class="mdesc"> |
---|
706 | <div class="short">Returns true if this instance is locked, or the drag drop mgr is locked |
---|
707 | (meaning that all drag/drop is disabled on th...</div> |
---|
708 | <div class="long"> |
---|
709 | Returns true if this instance is locked, or the drag drop mgr is locked |
---|
710 | (meaning that all drag/drop is disabled on the page.) <div class="mdetail-params"> |
---|
711 | <strong>Parameters:</strong> |
---|
712 | <ul><li>None.</li> </ul> |
---|
713 | <strong>Returns:</strong> |
---|
714 | <ul> |
---|
715 | <li><code>boolean</code><div class="sub-desc">true if this obj or all drag/drop is locked, else false</div></li> |
---|
716 | </ul> |
---|
717 | </div> |
---|
718 | </div> |
---|
719 | </div> |
---|
720 | </td> |
---|
721 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#isLocked" href="output/Ext.dd.DragDrop.html#isLocked">DragDrop</a></td> |
---|
722 | </tr> |
---|
723 | <tr class="method-row inherited expandable"> |
---|
724 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
725 | <td class="sig"> |
---|
726 | <a id="Ext.dd.DD-isValidHandleChild"></a> |
---|
727 | <b>isValidHandleChild</b>( <code>HTMLElement node</code> ) : boolean <div class="mdesc"> |
---|
728 | <div class="short">Checks the tag exclusion list to see if this click should be ignored</div> |
---|
729 | <div class="long"> |
---|
730 | Checks the tag exclusion list to see if this click should be ignored <div class="mdetail-params"> |
---|
731 | <strong>Parameters:</strong> |
---|
732 | <ul><li><code>node</code> : HTMLElement<div class="sub-desc">the HTMLElement to evaluate</div></li> </ul> |
---|
733 | <strong>Returns:</strong> |
---|
734 | <ul> |
---|
735 | <li><code>boolean</code><div class="sub-desc">true if this is a valid tag type, false if not</div></li> |
---|
736 | </ul> |
---|
737 | </div> |
---|
738 | </div> |
---|
739 | </div> |
---|
740 | </td> |
---|
741 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#isValidHandleChild" href="output/Ext.dd.DragDrop.html#isValidHandleChild">DragDrop</a></td> |
---|
742 | </tr> |
---|
743 | <tr class="method-row inherited alt expandable"> |
---|
744 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
745 | <td class="sig"> |
---|
746 | <a id="Ext.dd.DD-lock"></a> |
---|
747 | <b>lock</b>() : void <div class="mdesc"> |
---|
748 | <div class="short">Lock this instance</div> |
---|
749 | <div class="long"> |
---|
750 | Lock this instance <div class="mdetail-params"> |
---|
751 | <strong>Parameters:</strong> |
---|
752 | <ul><li>None.</li> </ul> |
---|
753 | <strong>Returns:</strong> |
---|
754 | <ul> |
---|
755 | <li><code>void</code></li> |
---|
756 | </ul> |
---|
757 | </div> |
---|
758 | </div> |
---|
759 | </div> |
---|
760 | </td> |
---|
761 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#lock" href="output/Ext.dd.DragDrop.html#lock">DragDrop</a></td> |
---|
762 | </tr> |
---|
763 | <tr class="method-row inherited expandable"> |
---|
764 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
765 | <td class="sig"> |
---|
766 | <a id="Ext.dd.DD-onAvailable"></a> |
---|
767 | <b>onAvailable</b>() : void <div class="mdesc"> |
---|
768 | <div class="short">Override the onAvailable method to do what is needed after the initial |
---|
769 | position was determined.</div> |
---|
770 | <div class="long"> |
---|
771 | Override the onAvailable method to do what is needed after the initial |
---|
772 | position was determined. <div class="mdetail-params"> |
---|
773 | <strong>Parameters:</strong> |
---|
774 | <ul><li>None.</li> </ul> |
---|
775 | <strong>Returns:</strong> |
---|
776 | <ul> |
---|
777 | <li><code>void</code></li> |
---|
778 | </ul> |
---|
779 | </div> |
---|
780 | </div> |
---|
781 | </div> |
---|
782 | </td> |
---|
783 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onAvailable" href="output/Ext.dd.DragDrop.html#onAvailable">DragDrop</a></td> |
---|
784 | </tr> |
---|
785 | <tr class="method-row inherited alt expandable"> |
---|
786 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
787 | <td class="sig"> |
---|
788 | <a id="Ext.dd.DD-onDrag"></a> |
---|
789 | <b>onDrag</b>( <code>Event e</code> ) : void <div class="mdesc"> |
---|
790 | <div class="short">Abstract method called during the onMouseMove event while dragging an |
---|
791 | object.</div> |
---|
792 | <div class="long"> |
---|
793 | Abstract method called during the onMouseMove event while dragging an |
---|
794 | object. <div class="mdetail-params"> |
---|
795 | <strong>Parameters:</strong> |
---|
796 | <ul><li><code>e</code> : Event<div class="sub-desc">the mousemove event</div></li> </ul> |
---|
797 | <strong>Returns:</strong> |
---|
798 | <ul> |
---|
799 | <li><code>void</code></li> |
---|
800 | </ul> |
---|
801 | </div> |
---|
802 | </div> |
---|
803 | </div> |
---|
804 | </td> |
---|
805 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onDrag" href="output/Ext.dd.DragDrop.html#onDrag">DragDrop</a></td> |
---|
806 | </tr> |
---|
807 | <tr class="method-row inherited expandable"> |
---|
808 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
809 | <td class="sig"> |
---|
810 | <a id="Ext.dd.DD-onDragDrop"></a> |
---|
811 | <b>onDragDrop</b>( <code>Event e</code>, <code>String|DragDrop[] id</code> ) : void <div class="mdesc"> |
---|
812 | <div class="short">Abstract method called when this item is dropped on another DragDrop |
---|
813 | obj</div> |
---|
814 | <div class="long"> |
---|
815 | Abstract method called when this item is dropped on another DragDrop |
---|
816 | obj <div class="mdetail-params"> |
---|
817 | <strong>Parameters:</strong> |
---|
818 | <ul><li><code>e</code> : Event<div class="sub-desc">the mouseup event</div></li><li><code>id</code> : String|DragDrop[]<div class="sub-desc">In POINT mode, the element |
---|
819 | id this was dropped on. In INTERSECT mode, an array of dd items this |
---|
820 | was dropped on.</div></li> </ul> |
---|
821 | <strong>Returns:</strong> |
---|
822 | <ul> |
---|
823 | <li><code>void</code></li> |
---|
824 | </ul> |
---|
825 | </div> |
---|
826 | </div> |
---|
827 | </div> |
---|
828 | </td> |
---|
829 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onDragDrop" href="output/Ext.dd.DragDrop.html#onDragDrop">DragDrop</a></td> |
---|
830 | </tr> |
---|
831 | <tr class="method-row inherited alt expandable"> |
---|
832 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
833 | <td class="sig"> |
---|
834 | <a id="Ext.dd.DD-onDragEnter"></a> |
---|
835 | <b>onDragEnter</b>( <code>Event e</code>, <code>String|DragDrop[] id</code> ) : void <div class="mdesc"> |
---|
836 | <div class="short">Abstract method called when this element fist begins hovering over |
---|
837 | another DragDrop obj</div> |
---|
838 | <div class="long"> |
---|
839 | Abstract method called when this element fist begins hovering over |
---|
840 | another DragDrop obj <div class="mdetail-params"> |
---|
841 | <strong>Parameters:</strong> |
---|
842 | <ul><li><code>e</code> : Event<div class="sub-desc">the mousemove event</div></li><li><code>id</code> : String|DragDrop[]<div class="sub-desc">In POINT mode, the element |
---|
843 | id this is hovering over. In INTERSECT mode, an array of one or more |
---|
844 | dragdrop items being hovered over.</div></li> </ul> |
---|
845 | <strong>Returns:</strong> |
---|
846 | <ul> |
---|
847 | <li><code>void</code></li> |
---|
848 | </ul> |
---|
849 | </div> |
---|
850 | </div> |
---|
851 | </div> |
---|
852 | </td> |
---|
853 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onDragEnter" href="output/Ext.dd.DragDrop.html#onDragEnter">DragDrop</a></td> |
---|
854 | </tr> |
---|
855 | <tr class="method-row inherited expandable"> |
---|
856 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
857 | <td class="sig"> |
---|
858 | <a id="Ext.dd.DD-onDragOut"></a> |
---|
859 | <b>onDragOut</b>( <code>Event e</code>, <code>String|DragDrop[] id</code> ) : void <div class="mdesc"> |
---|
860 | <div class="short">Abstract method called when we are no longer hovering over an element</div> |
---|
861 | <div class="long"> |
---|
862 | Abstract method called when we are no longer hovering over an element <div class="mdetail-params"> |
---|
863 | <strong>Parameters:</strong> |
---|
864 | <ul><li><code>e</code> : Event<div class="sub-desc">the mousemove event</div></li><li><code>id</code> : String|DragDrop[]<div class="sub-desc">In POINT mode, the element |
---|
865 | id this was hovering over. In INTERSECT mode, an array of dd items |
---|
866 | that the mouse is no longer over.</div></li> </ul> |
---|
867 | <strong>Returns:</strong> |
---|
868 | <ul> |
---|
869 | <li><code>void</code></li> |
---|
870 | </ul> |
---|
871 | </div> |
---|
872 | </div> |
---|
873 | </div> |
---|
874 | </td> |
---|
875 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onDragOut" href="output/Ext.dd.DragDrop.html#onDragOut">DragDrop</a></td> |
---|
876 | </tr> |
---|
877 | <tr class="method-row inherited alt expandable"> |
---|
878 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
879 | <td class="sig"> |
---|
880 | <a id="Ext.dd.DD-onDragOver"></a> |
---|
881 | <b>onDragOver</b>( <code>Event e</code>, <code>String|DragDrop[] id</code> ) : void <div class="mdesc"> |
---|
882 | <div class="short">Abstract method called when this element is hovering over another |
---|
883 | DragDrop obj</div> |
---|
884 | <div class="long"> |
---|
885 | Abstract method called when this element is hovering over another |
---|
886 | DragDrop obj <div class="mdetail-params"> |
---|
887 | <strong>Parameters:</strong> |
---|
888 | <ul><li><code>e</code> : Event<div class="sub-desc">the mousemove event</div></li><li><code>id</code> : String|DragDrop[]<div class="sub-desc">In POINT mode, the element |
---|
889 | id this is hovering over. In INTERSECT mode, an array of dd items |
---|
890 | being hovered over.</div></li> </ul> |
---|
891 | <strong>Returns:</strong> |
---|
892 | <ul> |
---|
893 | <li><code>void</code></li> |
---|
894 | </ul> |
---|
895 | </div> |
---|
896 | </div> |
---|
897 | </div> |
---|
898 | </td> |
---|
899 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onDragOver" href="output/Ext.dd.DragDrop.html#onDragOver">DragDrop</a></td> |
---|
900 | </tr> |
---|
901 | <tr class="method-row inherited expandable"> |
---|
902 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
903 | <td class="sig"> |
---|
904 | <a id="Ext.dd.DD-onInvalidDrop"></a> |
---|
905 | <b>onInvalidDrop</b>( <code>Event e</code> ) : void <div class="mdesc"> |
---|
906 | <div class="short">Abstract method called when this item is dropped on an area with no |
---|
907 | drop target</div> |
---|
908 | <div class="long"> |
---|
909 | Abstract method called when this item is dropped on an area with no |
---|
910 | drop target <div class="mdetail-params"> |
---|
911 | <strong>Parameters:</strong> |
---|
912 | <ul><li><code>e</code> : Event<div class="sub-desc">the mouseup event</div></li> </ul> |
---|
913 | <strong>Returns:</strong> |
---|
914 | <ul> |
---|
915 | <li><code>void</code></li> |
---|
916 | </ul> |
---|
917 | </div> |
---|
918 | </div> |
---|
919 | </div> |
---|
920 | </td> |
---|
921 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onInvalidDrop" href="output/Ext.dd.DragDrop.html#onInvalidDrop">DragDrop</a></td> |
---|
922 | </tr> |
---|
923 | <tr class="method-row inherited alt expandable"> |
---|
924 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
925 | <td class="sig"> |
---|
926 | <a id="Ext.dd.DD-onMouseDown"></a> |
---|
927 | <b>onMouseDown</b>( <code>Event e</code> ) : void <div class="mdesc"> |
---|
928 | <div class="short">Event handler that fires when a drag/drop obj gets a mousedown</div> |
---|
929 | <div class="long"> |
---|
930 | Event handler that fires when a drag/drop obj gets a mousedown <div class="mdetail-params"> |
---|
931 | <strong>Parameters:</strong> |
---|
932 | <ul><li><code>e</code> : Event<div class="sub-desc">the mousedown event</div></li> </ul> |
---|
933 | <strong>Returns:</strong> |
---|
934 | <ul> |
---|
935 | <li><code>void</code></li> |
---|
936 | </ul> |
---|
937 | </div> |
---|
938 | </div> |
---|
939 | </div> |
---|
940 | </td> |
---|
941 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onMouseDown" href="output/Ext.dd.DragDrop.html#onMouseDown">DragDrop</a></td> |
---|
942 | </tr> |
---|
943 | <tr class="method-row inherited expandable"> |
---|
944 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
945 | <td class="sig"> |
---|
946 | <a id="Ext.dd.DD-onMouseUp"></a> |
---|
947 | <b>onMouseUp</b>( <code>Event e</code> ) : void <div class="mdesc"> |
---|
948 | <div class="short">Event handler that fires when a drag/drop obj gets a mouseup</div> |
---|
949 | <div class="long"> |
---|
950 | Event handler that fires when a drag/drop obj gets a mouseup <div class="mdetail-params"> |
---|
951 | <strong>Parameters:</strong> |
---|
952 | <ul><li><code>e</code> : Event<div class="sub-desc">the mouseup event</div></li> </ul> |
---|
953 | <strong>Returns:</strong> |
---|
954 | <ul> |
---|
955 | <li><code>void</code></li> |
---|
956 | </ul> |
---|
957 | </div> |
---|
958 | </div> |
---|
959 | </div> |
---|
960 | </td> |
---|
961 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#onMouseUp" href="output/Ext.dd.DragDrop.html#onMouseUp">DragDrop</a></td> |
---|
962 | </tr> |
---|
963 | <tr class="method-row inherited alt expandable"> |
---|
964 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
965 | <td class="sig"> |
---|
966 | <a id="Ext.dd.DD-removeFromGroup"></a> |
---|
967 | <b>removeFromGroup</b>( <code>string sGroup</code> ) : void <div class="mdesc"> |
---|
968 | <div class="short">Remove's this instance from the supplied interaction group</div> |
---|
969 | <div class="long"> |
---|
970 | Remove's this instance from the supplied interaction group <div class="mdetail-params"> |
---|
971 | <strong>Parameters:</strong> |
---|
972 | <ul><li><code>sGroup</code> : string<div class="sub-desc">The group to drop</div></li> </ul> |
---|
973 | <strong>Returns:</strong> |
---|
974 | <ul> |
---|
975 | <li><code>void</code></li> |
---|
976 | </ul> |
---|
977 | </div> |
---|
978 | </div> |
---|
979 | </div> |
---|
980 | </td> |
---|
981 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#removeFromGroup" href="output/Ext.dd.DragDrop.html#removeFromGroup">DragDrop</a></td> |
---|
982 | </tr> |
---|
983 | <tr class="method-row inherited expandable"> |
---|
984 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
985 | <td class="sig"> |
---|
986 | <a id="Ext.dd.DD-removeInvalidHandleClass"></a> |
---|
987 | <b>removeInvalidHandleClass</b>( <code>string cssClass</code> ) : void <div class="mdesc"> |
---|
988 | <div class="short">Unsets an invalid css class</div> |
---|
989 | <div class="long"> |
---|
990 | Unsets an invalid css class <div class="mdetail-params"> |
---|
991 | <strong>Parameters:</strong> |
---|
992 | <ul><li><code>cssClass</code> : string<div class="sub-desc">the class of the element(s) you wish to |
---|
993 | re-enable</div></li> </ul> |
---|
994 | <strong>Returns:</strong> |
---|
995 | <ul> |
---|
996 | <li><code>void</code></li> |
---|
997 | </ul> |
---|
998 | </div> |
---|
999 | </div> |
---|
1000 | </div> |
---|
1001 | </td> |
---|
1002 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#removeInvalidHandleClass" href="output/Ext.dd.DragDrop.html#removeInvalidHandleClass">DragDrop</a></td> |
---|
1003 | </tr> |
---|
1004 | <tr class="method-row inherited alt expandable"> |
---|
1005 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1006 | <td class="sig"> |
---|
1007 | <a id="Ext.dd.DD-removeInvalidHandleId"></a> |
---|
1008 | <b>removeInvalidHandleId</b>( <code>string id</code> ) : void <div class="mdesc"> |
---|
1009 | <div class="short">Unsets an invalid handle id</div> |
---|
1010 | <div class="long"> |
---|
1011 | Unsets an invalid handle id <div class="mdetail-params"> |
---|
1012 | <strong>Parameters:</strong> |
---|
1013 | <ul><li><code>id</code> : string<div class="sub-desc">the id of the element to re-enable</div></li> </ul> |
---|
1014 | <strong>Returns:</strong> |
---|
1015 | <ul> |
---|
1016 | <li><code>void</code></li> |
---|
1017 | </ul> |
---|
1018 | </div> |
---|
1019 | </div> |
---|
1020 | </div> |
---|
1021 | </td> |
---|
1022 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#removeInvalidHandleId" href="output/Ext.dd.DragDrop.html#removeInvalidHandleId">DragDrop</a></td> |
---|
1023 | </tr> |
---|
1024 | <tr class="method-row inherited expandable"> |
---|
1025 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1026 | <td class="sig"> |
---|
1027 | <a id="Ext.dd.DD-removeInvalidHandleType"></a> |
---|
1028 | <b>removeInvalidHandleType</b>( <code>string tagName</code> ) : void <div class="mdesc"> |
---|
1029 | <div class="short">Unsets an excluded tag name set by addInvalidHandleType</div> |
---|
1030 | <div class="long"> |
---|
1031 | Unsets an excluded tag name set by addInvalidHandleType <div class="mdetail-params"> |
---|
1032 | <strong>Parameters:</strong> |
---|
1033 | <ul><li><code>tagName</code> : string<div class="sub-desc">the type of element to unexclude</div></li> </ul> |
---|
1034 | <strong>Returns:</strong> |
---|
1035 | <ul> |
---|
1036 | <li><code>void</code></li> |
---|
1037 | </ul> |
---|
1038 | </div> |
---|
1039 | </div> |
---|
1040 | </div> |
---|
1041 | </td> |
---|
1042 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#removeInvalidHandleType" href="output/Ext.dd.DragDrop.html#removeInvalidHandleType">DragDrop</a></td> |
---|
1043 | </tr> |
---|
1044 | <tr class="method-row inherited alt expandable"> |
---|
1045 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1046 | <td class="sig"> |
---|
1047 | <a id="Ext.dd.DD-resetConstraints"></a> |
---|
1048 | <b>resetConstraints</b>( <code>boolean maintainOffset</code> ) : void <div class="mdesc"> |
---|
1049 | <div class="short">resetConstraints must be called if you manually reposition a dd element.</div> |
---|
1050 | <div class="long"> |
---|
1051 | resetConstraints must be called if you manually reposition a dd element. <div class="mdetail-params"> |
---|
1052 | <strong>Parameters:</strong> |
---|
1053 | <ul><li><code>maintainOffset</code> : boolean<div class="sub-desc"></div></li> </ul> |
---|
1054 | <strong>Returns:</strong> |
---|
1055 | <ul> |
---|
1056 | <li><code>void</code></li> |
---|
1057 | </ul> |
---|
1058 | </div> |
---|
1059 | </div> |
---|
1060 | </div> |
---|
1061 | </td> |
---|
1062 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#resetConstraints" href="output/Ext.dd.DragDrop.html#resetConstraints">DragDrop</a></td> |
---|
1063 | </tr> |
---|
1064 | <tr class="method-row expandable"> |
---|
1065 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1066 | <td class="sig"> |
---|
1067 | <a id="Ext.dd.DD-setDelta"></a> |
---|
1068 | <b>setDelta</b>( <code>int iDeltaX</code>, <code>int iDeltaY</code> ) : void <div class="mdesc"> |
---|
1069 | <div class="short">Sets the pointer offset. You can call this directly to force the |
---|
1070 | offset to be in a particular location (e.g., pass i...</div> |
---|
1071 | <div class="long"> |
---|
1072 | Sets the pointer offset. You can call this directly to force the |
---|
1073 | offset to be in a particular location (e.g., pass in 0,0 to set it |
---|
1074 | to the center of the object) <div class="mdetail-params"> |
---|
1075 | <strong>Parameters:</strong> |
---|
1076 | <ul><li><code>iDeltaX</code> : int<div class="sub-desc">the distance from the left</div></li><li><code>iDeltaY</code> : int<div class="sub-desc">the distance from the top</div></li> </ul> |
---|
1077 | <strong>Returns:</strong> |
---|
1078 | <ul> |
---|
1079 | <li><code>void</code></li> |
---|
1080 | </ul> |
---|
1081 | </div> |
---|
1082 | </div> |
---|
1083 | </div> |
---|
1084 | </td> |
---|
1085 | <td class="msource">DD</td> |
---|
1086 | </tr> |
---|
1087 | <tr class="method-row inherited alt expandable"> |
---|
1088 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1089 | <td class="sig"> |
---|
1090 | <a id="Ext.dd.DD-setDragElId"></a> |
---|
1091 | <b>setDragElId</b>( <code>id {string}</code> ) : void <div class="mdesc"> |
---|
1092 | <div class="short">Allows you to specify that an element other than the linked element |
---|
1093 | will be moved with the cursor during a drag</div> |
---|
1094 | <div class="long"> |
---|
1095 | Allows you to specify that an element other than the linked element |
---|
1096 | will be moved with the cursor during a drag <div class="mdetail-params"> |
---|
1097 | <strong>Parameters:</strong> |
---|
1098 | <ul><li><code>{string}</code> : id<div class="sub-desc">the id of the element that will be used to initiate the drag</div></li> </ul> |
---|
1099 | <strong>Returns:</strong> |
---|
1100 | <ul> |
---|
1101 | <li><code>void</code></li> |
---|
1102 | </ul> |
---|
1103 | </div> |
---|
1104 | </div> |
---|
1105 | </div> |
---|
1106 | </td> |
---|
1107 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#setDragElId" href="output/Ext.dd.DragDrop.html#setDragElId">DragDrop</a></td> |
---|
1108 | </tr> |
---|
1109 | <tr class="method-row expandable"> |
---|
1110 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1111 | <td class="sig"> |
---|
1112 | <a id="Ext.dd.DD-setDragElPos"></a> |
---|
1113 | <b>setDragElPos</b>( <code>int iPageX</code>, <code>int iPageY</code> ) : void <div class="mdesc"> |
---|
1114 | <div class="short">Sets the drag element to the location of the mousedown or click event, |
---|
1115 | maintaining the cursor location relative to th...</div> |
---|
1116 | <div class="long"> |
---|
1117 | Sets the drag element to the location of the mousedown or click event, |
---|
1118 | maintaining the cursor location relative to the location on the element |
---|
1119 | that was clicked. Override this if you want to place the element in a |
---|
1120 | location other than where the cursor is. <div class="mdetail-params"> |
---|
1121 | <strong>Parameters:</strong> |
---|
1122 | <ul><li><code>iPageX</code> : int<div class="sub-desc">the X coordinate of the mousedown or drag event</div></li><li><code>iPageY</code> : int<div class="sub-desc">the Y coordinate of the mousedown or drag event</div></li> </ul> |
---|
1123 | <strong>Returns:</strong> |
---|
1124 | <ul> |
---|
1125 | <li><code>void</code></li> |
---|
1126 | </ul> |
---|
1127 | </div> |
---|
1128 | </div> |
---|
1129 | </div> |
---|
1130 | </td> |
---|
1131 | <td class="msource">DD</td> |
---|
1132 | </tr> |
---|
1133 | <tr class="method-row inherited alt expandable"> |
---|
1134 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1135 | <td class="sig"> |
---|
1136 | <a id="Ext.dd.DD-setHandleElId"></a> |
---|
1137 | <b>setHandleElId</b>( <code>id {string}</code> ) : void <div class="mdesc"> |
---|
1138 | <div class="short">Allows you to specify a child of the linked element that should be |
---|
1139 | used to initiate the drag operation. An example o...</div> |
---|
1140 | <div class="long"> |
---|
1141 | Allows you to specify a child of the linked element that should be |
---|
1142 | used to initiate the drag operation. An example of this would be if |
---|
1143 | you have a content div with text and links. Clicking anywhere in the |
---|
1144 | content area would normally start the drag operation. Use this method |
---|
1145 | to specify that an element inside of the content div is the element |
---|
1146 | that starts the drag operation. <div class="mdetail-params"> |
---|
1147 | <strong>Parameters:</strong> |
---|
1148 | <ul><li><code>{string}</code> : id<div class="sub-desc">the id of the element that will be used to |
---|
1149 | initiate the drag.</div></li> </ul> |
---|
1150 | <strong>Returns:</strong> |
---|
1151 | <ul> |
---|
1152 | <li><code>void</code></li> |
---|
1153 | </ul> |
---|
1154 | </div> |
---|
1155 | </div> |
---|
1156 | </div> |
---|
1157 | </td> |
---|
1158 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#setHandleElId" href="output/Ext.dd.DragDrop.html#setHandleElId">DragDrop</a></td> |
---|
1159 | </tr> |
---|
1160 | <tr class="method-row inherited expandable"> |
---|
1161 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1162 | <td class="sig"> |
---|
1163 | <a id="Ext.dd.DD-setInitialPosition"></a> |
---|
1164 | <b>setInitialPosition</b>( <code>int diffX</code>, <code>int diffY</code> ) : void <div class="mdesc"> |
---|
1165 | <div class="short">Stores the initial placement of the linked element.</div> |
---|
1166 | <div class="long"> |
---|
1167 | Stores the initial placement of the linked element. <div class="mdetail-params"> |
---|
1168 | <strong>Parameters:</strong> |
---|
1169 | <ul><li><code>diffX</code> : int<div class="sub-desc">the X offset, default 0</div></li><li><code>diffY</code> : int<div class="sub-desc">the Y offset, default 0</div></li> </ul> |
---|
1170 | <strong>Returns:</strong> |
---|
1171 | <ul> |
---|
1172 | <li><code>void</code></li> |
---|
1173 | </ul> |
---|
1174 | </div> |
---|
1175 | </div> |
---|
1176 | </div> |
---|
1177 | </td> |
---|
1178 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#setInitialPosition" href="output/Ext.dd.DragDrop.html#setInitialPosition">DragDrop</a></td> |
---|
1179 | </tr> |
---|
1180 | <tr class="method-row inherited alt expandable"> |
---|
1181 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1182 | <td class="sig"> |
---|
1183 | <a id="Ext.dd.DD-setOuterHandleElId"></a> |
---|
1184 | <b>setOuterHandleElId</b>( <code>id the</code> ) : void <div class="mdesc"> |
---|
1185 | <div class="short">Allows you to set an element outside of the linked element as a drag |
---|
1186 | handle</div> |
---|
1187 | <div class="long"> |
---|
1188 | Allows you to set an element outside of the linked element as a drag |
---|
1189 | handle <div class="mdetail-params"> |
---|
1190 | <strong>Parameters:</strong> |
---|
1191 | <ul><li><code>the</code> : id<div class="sub-desc">id of the element that will be used to initiate the drag</div></li> </ul> |
---|
1192 | <strong>Returns:</strong> |
---|
1193 | <ul> |
---|
1194 | <li><code>void</code></li> |
---|
1195 | </ul> |
---|
1196 | </div> |
---|
1197 | </div> |
---|
1198 | </div> |
---|
1199 | </td> |
---|
1200 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#setOuterHandleElId" href="output/Ext.dd.DragDrop.html#setOuterHandleElId">DragDrop</a></td> |
---|
1201 | </tr> |
---|
1202 | <tr class="method-row inherited expandable"> |
---|
1203 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1204 | <td class="sig"> |
---|
1205 | <a id="Ext.dd.DD-setPadding"></a> |
---|
1206 | <b>setPadding</b>( <code>int iTop</code>, <code>int iRight</code>, <code>int iBot</code>, <code>int iLeft</code> ) : void <div class="mdesc"> |
---|
1207 | <div class="short">Configures the padding for the target zone in px. Effectively expands |
---|
1208 | (or reduces) the virtual object size for targe...</div> |
---|
1209 | <div class="long"> |
---|
1210 | Configures the padding for the target zone in px. Effectively expands |
---|
1211 | (or reduces) the virtual object size for targeting calculations. |
---|
1212 | Supports css-style shorthand; if only one parameter is passed, all sides |
---|
1213 | will have that padding, and if only two are passed, the top and bottom |
---|
1214 | will have the first param, the left and right the second. <div class="mdetail-params"> |
---|
1215 | <strong>Parameters:</strong> |
---|
1216 | <ul><li><code>iTop</code> : int<div class="sub-desc">Top pad</div></li><li><code>iRight</code> : int<div class="sub-desc">Right pad</div></li><li><code>iBot</code> : int<div class="sub-desc">Bot pad</div></li><li><code>iLeft</code> : int<div class="sub-desc">Left pad</div></li> </ul> |
---|
1217 | <strong>Returns:</strong> |
---|
1218 | <ul> |
---|
1219 | <li><code>void</code></li> |
---|
1220 | </ul> |
---|
1221 | </div> |
---|
1222 | </div> |
---|
1223 | </div> |
---|
1224 | </td> |
---|
1225 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#setPadding" href="output/Ext.dd.DragDrop.html#setPadding">DragDrop</a></td> |
---|
1226 | </tr> |
---|
1227 | <tr class="method-row inherited alt expandable"> |
---|
1228 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1229 | <td class="sig"> |
---|
1230 | <a id="Ext.dd.DD-setXConstraint"></a> |
---|
1231 | <b>setXConstraint</b>( <code>int iLeft</code>, <code>int iRight</code>, <code>int iTickSize</code> ) : void <div class="mdesc"> |
---|
1232 | <div class="short">By default, the element can be dragged any place on the screen. Use |
---|
1233 | this method to limit the horizontal travel of th...</div> |
---|
1234 | <div class="long"> |
---|
1235 | By default, the element can be dragged any place on the screen. Use |
---|
1236 | this method to limit the horizontal travel of the element. Pass in |
---|
1237 | 0,0 for the parameters if you want to lock the drag to the y axis. <div class="mdetail-params"> |
---|
1238 | <strong>Parameters:</strong> |
---|
1239 | <ul><li><code>iLeft</code> : int<div class="sub-desc">the number of pixels the element can move to the left</div></li><li><code>iRight</code> : int<div class="sub-desc">the number of pixels the element can move to the |
---|
1240 | right</div></li><li><code>iTickSize</code> : int<div class="sub-desc">optional parameter for specifying that the |
---|
1241 | element |
---|
1242 | should move iTickSize pixels at a time.</div></li> </ul> |
---|
1243 | <strong>Returns:</strong> |
---|
1244 | <ul> |
---|
1245 | <li><code>void</code></li> |
---|
1246 | </ul> |
---|
1247 | </div> |
---|
1248 | </div> |
---|
1249 | </div> |
---|
1250 | </td> |
---|
1251 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#setXConstraint" href="output/Ext.dd.DragDrop.html#setXConstraint">DragDrop</a></td> |
---|
1252 | </tr> |
---|
1253 | <tr class="method-row inherited expandable"> |
---|
1254 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1255 | <td class="sig"> |
---|
1256 | <a id="Ext.dd.DD-setYConstraint"></a> |
---|
1257 | <b>setYConstraint</b>( <code>int iUp</code>, <code>int iDown</code>, <code>int iTickSize</code> ) : void <div class="mdesc"> |
---|
1258 | <div class="short">By default, the element can be dragged any place on the screen. Set |
---|
1259 | this to limit the vertical travel of the element...</div> |
---|
1260 | <div class="long"> |
---|
1261 | By default, the element can be dragged any place on the screen. Set |
---|
1262 | this to limit the vertical travel of the element. Pass in 0,0 for the |
---|
1263 | parameters if you want to lock the drag to the x axis. <div class="mdetail-params"> |
---|
1264 | <strong>Parameters:</strong> |
---|
1265 | <ul><li><code>iUp</code> : int<div class="sub-desc">the number of pixels the element can move up</div></li><li><code>iDown</code> : int<div class="sub-desc">the number of pixels the element can move down</div></li><li><code>iTickSize</code> : int<div class="sub-desc">optional parameter for specifying that the |
---|
1266 | element should move iTickSize pixels at a time.</div></li> </ul> |
---|
1267 | <strong>Returns:</strong> |
---|
1268 | <ul> |
---|
1269 | <li><code>void</code></li> |
---|
1270 | </ul> |
---|
1271 | </div> |
---|
1272 | </div> |
---|
1273 | </div> |
---|
1274 | </td> |
---|
1275 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#setYConstraint" href="output/Ext.dd.DragDrop.html#setYConstraint">DragDrop</a></td> |
---|
1276 | </tr> |
---|
1277 | <tr class="method-row inherited alt expandable"> |
---|
1278 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1279 | <td class="sig"> |
---|
1280 | <a id="Ext.dd.DD-startDrag"></a> |
---|
1281 | <b>startDrag</b>( <code>int X</code>, <code>int Y</code> ) : void <div class="mdesc"> |
---|
1282 | <div class="short">Abstract method called after a drag/drop object is clicked |
---|
1283 | and the drag or mousedown time thresholds have beeen met.</div> |
---|
1284 | <div class="long"> |
---|
1285 | Abstract method called after a drag/drop object is clicked |
---|
1286 | and the drag or mousedown time thresholds have beeen met. <div class="mdetail-params"> |
---|
1287 | <strong>Parameters:</strong> |
---|
1288 | <ul><li><code>X</code> : int<div class="sub-desc">click location</div></li><li><code>Y</code> : int<div class="sub-desc">click location</div></li> </ul> |
---|
1289 | <strong>Returns:</strong> |
---|
1290 | <ul> |
---|
1291 | <li><code>void</code></li> |
---|
1292 | </ul> |
---|
1293 | </div> |
---|
1294 | </div> |
---|
1295 | </div> |
---|
1296 | </td> |
---|
1297 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#startDrag" href="output/Ext.dd.DragDrop.html#startDrag">DragDrop</a></td> |
---|
1298 | </tr> |
---|
1299 | <tr class="method-row inherited expandable"> |
---|
1300 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1301 | <td class="sig"> |
---|
1302 | <a id="Ext.dd.DD-toString"></a> |
---|
1303 | <b>toString</b>() : string <div class="mdesc"> |
---|
1304 | <div class="short">toString method</div> |
---|
1305 | <div class="long"> |
---|
1306 | toString method <div class="mdetail-params"> |
---|
1307 | <strong>Parameters:</strong> |
---|
1308 | <ul><li>None.</li> </ul> |
---|
1309 | <strong>Returns:</strong> |
---|
1310 | <ul> |
---|
1311 | <li><code>string</code><div class="sub-desc">string representation of the dd obj</div></li> |
---|
1312 | </ul> |
---|
1313 | </div> |
---|
1314 | </div> |
---|
1315 | </div> |
---|
1316 | </td> |
---|
1317 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#toString" href="output/Ext.dd.DragDrop.html#toString">DragDrop</a></td> |
---|
1318 | </tr> |
---|
1319 | <tr class="method-row inherited alt expandable"> |
---|
1320 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1321 | <td class="sig"> |
---|
1322 | <a id="Ext.dd.DD-unlock"></a> |
---|
1323 | <b>unlock</b>() : void <div class="mdesc"> |
---|
1324 | <div class="short">Unlock this instace</div> |
---|
1325 | <div class="long"> |
---|
1326 | Unlock this instace <div class="mdetail-params"> |
---|
1327 | <strong>Parameters:</strong> |
---|
1328 | <ul><li>None.</li> </ul> |
---|
1329 | <strong>Returns:</strong> |
---|
1330 | <ul> |
---|
1331 | <li><code>void</code></li> |
---|
1332 | </ul> |
---|
1333 | </div> |
---|
1334 | </div> |
---|
1335 | </div> |
---|
1336 | </td> |
---|
1337 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#unlock" href="output/Ext.dd.DragDrop.html#unlock">DragDrop</a></td> |
---|
1338 | </tr> |
---|
1339 | <tr class="method-row inherited expandable"> |
---|
1340 | <td class="micon"><a class="exi" href="#expand"> </a></td> |
---|
1341 | <td class="sig"> |
---|
1342 | <a id="Ext.dd.DD-unreg"></a> |
---|
1343 | <b>unreg</b>() : void <div class="mdesc"> |
---|
1344 | <div class="short">Remove all drag and drop hooks for this element</div> |
---|
1345 | <div class="long"> |
---|
1346 | Remove all drag and drop hooks for this element <div class="mdetail-params"> |
---|
1347 | <strong>Parameters:</strong> |
---|
1348 | <ul><li>None.</li> </ul> |
---|
1349 | <strong>Returns:</strong> |
---|
1350 | <ul> |
---|
1351 | <li><code>void</code></li> |
---|
1352 | </ul> |
---|
1353 | </div> |
---|
1354 | </div> |
---|
1355 | </div> |
---|
1356 | </td> |
---|
1357 | <td class="msource"><a ext:cls="Ext.dd.DragDrop" ext:member="#unreg" href="output/Ext.dd.DragDrop.html#unreg">DragDrop</a></td> |
---|
1358 | </tr> |
---|
1359 | </table> |
---|
1360 | <a id="Ext.dd.DD-events"></a> |
---|
1361 | <h2>Public Events</h2> |
---|
1362 | <div class="no-members">This class has no public events.</div> |
---|
1363 | </div> |
---|