Registry.js
上传用户:dawnssy
上传日期:2022-08-06
资源大小:9345k
文件大小:4k
源码类别:

JavaScript

开发平台:

JavaScript

  1. /*!  * Ext JS Library 3.1.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ /**
  2.  * @class Ext.dd.Registry
  3.  * Provides easy access to all drag drop components that are registered on a page.  Items can be retrieved either
  4.  * directly by DOM node id, or by passing in the drag drop event that occurred and looking up the event target.
  5.  * @singleton
  6.  */
  7. Ext.dd.Registry = function(){
  8.     var elements = {}; 
  9.     var handles = {}; 
  10.     var autoIdSeed = 0;
  11.     var getId = function(el, autogen){
  12.         if(typeof el == "string"){
  13.             return el;
  14.         }
  15.         var id = el.id;
  16.         if(!id && autogen !== false){
  17.             id = "extdd-" + (++autoIdSeed);
  18.             el.id = id;
  19.         }
  20.         return id;
  21.     };
  22.     
  23.     return {
  24.     /**
  25.      * Resgister a drag drop element
  26.      * @param {String/HTMLElement) element The id or DOM node to register
  27.      * @param {Object} data (optional) An custom data object that will be passed between the elements that are involved
  28.      * in drag drop operations.  You can populate this object with any arbitrary properties that your own code
  29.      * knows how to interpret, plus there are some specific properties known to the Registry that should be
  30.      * populated in the data object (if applicable):
  31.      * <pre>
  32. Value      Description<br />
  33. ---------  ------------------------------------------<br />
  34. handles    Array of DOM nodes that trigger dragging<br />
  35.            for the element being registered<br />
  36. isHandle   True if the element passed in triggers<br />
  37.            dragging itself, else false
  38. </pre>
  39.      */
  40.         register : function(el, data){
  41.             data = data || {};
  42.             if(typeof el == "string"){
  43.                 el = document.getElementById(el);
  44.             }
  45.             data.ddel = el;
  46.             elements[getId(el)] = data;
  47.             if(data.isHandle !== false){
  48.                 handles[data.ddel.id] = data;
  49.             }
  50.             if(data.handles){
  51.                 var hs = data.handles;
  52.                 for(var i = 0, len = hs.length; i < len; i++){
  53.                  handles[getId(hs[i])] = data;
  54.                 }
  55.             }
  56.         },
  57.     /**
  58.      * Unregister a drag drop element
  59.      * @param {String/HTMLElement) element The id or DOM node to unregister
  60.      */
  61.         unregister : function(el){
  62.             var id = getId(el, false);
  63.             var data = elements[id];
  64.             if(data){
  65.                 delete elements[id];
  66.                 if(data.handles){
  67.                     var hs = data.handles;
  68.                     for(var i = 0, len = hs.length; i < len; i++){
  69.                      delete handles[getId(hs[i], false)];
  70.                     }
  71.                 }
  72.             }
  73.         },
  74.     /**
  75.      * Returns the handle registered for a DOM Node by id
  76.      * @param {String/HTMLElement} id The DOM node or id to look up
  77.      * @return {Object} handle The custom handle data
  78.      */
  79.         getHandle : function(id){
  80.             if(typeof id != "string"){ // must be element?
  81.                 id = id.id;
  82.             }
  83.             return handles[id];
  84.         },
  85.     /**
  86.      * Returns the handle that is registered for the DOM node that is the target of the event
  87.      * @param {Event} e The event
  88.      * @return {Object} handle The custom handle data
  89.      */
  90.         getHandleFromEvent : function(e){
  91.             var t = Ext.lib.Event.getTarget(e);
  92.             return t ? handles[t.id] : null;
  93.         },
  94.     /**
  95.      * Returns a custom data object that is registered for a DOM node by id
  96.      * @param {String/HTMLElement} id The DOM node or id to look up
  97.      * @return {Object} data The custom data
  98.      */
  99.         getTarget : function(id){
  100.             if(typeof id != "string"){ // must be element?
  101.                 id = id.id;
  102.             }
  103.             return elements[id];
  104.         },
  105.     /**
  106.      * Returns a custom data object that is registered for the DOM node that is the target of the event
  107.      * @param {Event} e The event
  108.      * @return {Object} data The custom data
  109.      */
  110.         getTargetFromEvent : function(e){
  111.             var t = Ext.lib.Event.getTarget(e);
  112.             return t ? elements[t.id] || handles[t.id] : null;
  113.         }
  114.     };
  115. }();