ext.dd.ddtarget.html

Ext中文API,学习ext的同志只要你学会ext里的一种控件后其实其他的就大同小异了

                <tr class="property-row inherited expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="resizeFrame
-activeItem"></a>
                        <b>
                        resizeFrame
: resizeFrame</b>
                        <div class="mdesc">
                            <div class="short">
                                
 默认下，我们将实际拖动元素调整大小到与打算拖动的那个元素的大小一致... 
                            </div>
                            <div class="long">
                                
 默认下，我们将实际拖动元素调整大小到与打算拖动的那个元素的大小一致（这就是加边框的效果）。
 但如果我们想实现另外一种效果可关闭选项。
   
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                    	
						
                        
                            <!--如果这不是同个namespace下--><a ext:cls="Ext.dd.DDProxy" ext:member="#method-resizeFrame
" href="output/Ext.dd.DDProxy.html#method-resizeFrame
">
                        
                        DDProxy
                        
                        </a>
                    
                    </td>
                </tr>
            
                <tr class="property-row inherited expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <a id="centerFrame
-activeItem"></a>
                        <b>
                        centerFrame
: centerFrame</b>
                        <div class="mdesc">
                            <div class="short">
                                
 默认下，frame是正好处于拖动元素的位置。
 因此我们可使Ext... 
                            </div>
                            <div class="long">
                                
 默认下，frame是正好处于拖动元素的位置。
 因此我们可使Ext.dd.DD来偏移指针。
 另外一个方法就是，你没有让做任何限制在对象上，然后设置center Frame为true。
   
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                    	
						
                        
                            <!--如果这不是同个namespace下--><a ext:cls="Ext.dd.DDProxy" ext:member="#method-centerFrame
" href="output/Ext.dd.DDProxy.html#method-centerFrame
">
                        
                        DDProxy
                        
                        </a>
                    
                    </td>
                </tr>
            
        </table>
    
    
    <a id="Ext.dd.DDTarget-methods"></a>
    <h2>公共方法</h2>
    
        <table cellspacing="0" class="member-table">
            <tr>
                <th class="sig-header" colspan="2">
                    方法
                </th>
                <th class="msource-header">
                    定义者
                </th>
            </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="Event-Event"></a>
                        <b>Event</b>
                        (
                        )
                        
                        <div class="mdesc">
                            <div class="short">
                                
 These classes are derivatives of ... 
                            </div>
                            <div class="long">
                                
 These classes are derivatives of the similarly named classes in the YUI Library.
 The original license:
 Copyright (c) 2006, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                void
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下--><a ext:cls="Base" ext:member="#method-Event" href="output/Base.html#method-Event">
                        
                        Base
                        
                        </a>
                    
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="dd-dd"></a>
                        <b>dd</b>
                        (
                        )
                        
                        <div class="mdesc">
                            <div class="short">
                                
 对于可被拖动（drag）或可被放下（drop）的目标，进行接口和各... 
                            </div>
                            <div class="long">
                                
 对于可被拖动（drag）或可被放下（drop）的目标，进行接口和各项基本操作的定义。
 你应该通过继承的方式使用该类，并重写startDrag, onDrag, onDragOver和onDragOut的事件处理器，.
 		共有三种html元素可以被关联到DragDrop实例：
  	<ul>
 		<li>关联元素（linked element）：传入到构造器的元素。
 			这是一个为与其它拖放对象交互定义边界的元素</li>
 		<li>执行元素（handle element）：只有被点击的元素是执行元素，
 			这个拖动操作才会发生。默认就是关联元素，不过有情况你只是想关联元素的某一部分
 			来初始化拖动操作。可用setHandleElId()方法重新定义</li>
 		<li>拖动元素（drag element）：表示在拖放过程中，参与和鼠标指针一起的那个元素。
 			默认就是关联元素本身，如<a href="###" onClick="alert('Ext.dd.DD');">Ext.dd.DD</a>，setDragElId()可让你定义一个
 			可移动的独立元素，如<a href="###" onClick="alert('Ext.dd.DDProxy');">Ext.dd.DDProxy</a></li>
 		</ul>
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                void
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下--><a ext:cls="Base" ext:member="#method-dd" href="output/Base.html#method-dd">
                        
                        Base
                        
                        </a>
                    
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="DragDrop-DragDrop"></a>
                        <b>DragDrop</b>
                        (
                        
                            
                                <code>
                                    String id,
                                </code>
                            
                        
                            
                                <code>
                                    String sGroup,
                                </code>
                            
                        
                            
                                <code>
                                    object config
                                </code>
                            
                        )
                        
                        <div class="mdesc">
                            <div class="short">
                                
 必须在onload事件发生之后才能实例化这个类，以保证关联元素已准... 
                            </div>
                            <div class="long">
                                
 必须在onload事件发生之后才能实例化这个类，以保证关联元素已准备可用。
 下列语句会将拖放对象放进"group1"的组中，与组内其他拖放对象交互：
 <pre>
  dd = new Ext.dd.DragDrop("div1", "group1");
 </pre>
 由于没有实现任何的事件处理器，所以上面的代码运行后不会有实际的效果发生。
 通常的做法是你要先重写这个类或者某个默的实现，但是你可以重写你想出现在这个实例上的方法
 <pre>
  dd.onDragDrop = function(e, id) {
  &nbsp;&nbsp;alert("DD落在" + id+"的身上");
  }
 </pre>
 @constructor
                DragDrop的有效属性：
                    padding, isTarget, maintainOffset, primaryButtonOnly
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                            <li>
                                                <code>
                                                    id
                                                </code> : String
                                                <div class="sub-desc">
                                                    关联到这个实例的那个元素的id
                                                </div>
                                            </li>
                                        
                                            <li>
                                                <code>
                                                    sGroup
                                                </code> : String
                                                <div class="sub-desc">
                                                    相关拖放对象的组
                                                </div>
                                            </li>
                                        
                                            <li>
                                                <code>
                                                    config
                                                </code> : object
                                                <div class="sub-desc">
                                                    包含可配置的对象属性
                                                </div>
                                            </li>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                void
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td class="msource">
                        
                            <!--如果这不是同个namespace下--><a ext:cls="Base" ext:member="#method-DragDrop" href="output/Base.html#method-DragDrop">
                        
                        Base
                        
                        </a>
                    
                    </td>
                </tr>
            
                <tr class="method-row expandable">
                    <td class="micon">
                        <a class="exi" href="#expand">&nbsp;</a>
                    </td>
                    <td class="sig">
                        <!--ClassName--><a id="lock-lock"></a>
                        <b>lock</b>
                        (
                        )
                        
                        <div class="mdesc">
                            <div class="short">
                                
 锁定拖放的功能。
 @method lock
 
 
                            </div>
                            <div class="long">
                                
 锁定拖放的功能。
 @method lock
 
                                <div class="mdetail-params">
                                    <strong>参数项：</strong>
                                    <ul>
                                        
                                    </ul>
                                    <b>返回：</b>
                                    <ul>
                                        <li>
                                            <code>
                                                void
                                            </code>
                                            
                                        </li>
                                    </ul>
                                </div>