src/widgets/tree/TreeEventModel.js

   1 /*!
   2  * Ext JS Library 3.1.0
   3  * Copyright(c) 2006-2009 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 Ext.tree.TreeEventModel = function(tree){\r
   8     this.tree = tree;\r
   9     this.tree.on('render', this.initEvents, this);\r
  10 }\r
  11 \r
  12 Ext.tree.TreeEventModel.prototype = {\r
  13     initEvents : function(){\r
  14         var t = this.tree;\r
  15             \r
  16         if(t.trackMouseOver !== false){\r
  17             t.mon(t.innerCt, {\r
  18                 scope: this,\r
  19                 mouseover: this.delegateOver,\r
  20                 mouseout: this.delegateOut\r
  21             });\r
  22         }\r
  23         t.mon(t.getTreeEl(), {\r
  24             scope: this,\r
  25             click: this.delegateClick,\r
  26             dblclick: this.delegateDblClick,\r
  27             contextmenu: this.delegateContextMenu\r
  28         });\r
  29     },\r
  30 \r
  31     getNode : function(e){\r
  32         var t;\r
  33         if(t = e.getTarget('.x-tree-node-el', 10)){\r
  34             var id = Ext.fly(t, '_treeEvents').getAttribute('tree-node-id', 'ext');\r
  35             if(id){\r
  36                 return this.tree.getNodeById(id);\r
  37             }\r
  38         }\r
  39         return null;\r
  40     },\r
  41 \r
  42     getNodeTarget : function(e){\r
  43         var t = e.getTarget('.x-tree-node-icon', 1);\r
  44         if(!t){\r
  45             t = e.getTarget('.x-tree-node-el', 6);\r
  46         }\r
  47         return t;\r
  48     },\r
  49 \r
  50     delegateOut : function(e, t){\r
  51         if(!this.beforeEvent(e)){\r
  52             return;\r
  53         }\r
  54         if(e.getTarget('.x-tree-ec-icon', 1)){\r
  55             var n = this.getNode(e);\r
  56             this.onIconOut(e, n);\r
  57             if(n == this.lastEcOver){\r
  58                 delete this.lastEcOver;\r
  59             }\r
  60         }\r
  61         if((t = this.getNodeTarget(e)) && !e.within(t, true)){\r
  62             this.onNodeOut(e, this.getNode(e));\r
  63         }\r
  64     },\r
  65 \r
  66     delegateOver : function(e, t){\r
  67         if(!this.beforeEvent(e)){\r
  68             return;\r
  69         }\r
  70         if(Ext.isGecko && !this.trackingDoc){ // prevent hanging in FF\r
  71             Ext.getBody().on('mouseover', this.trackExit, this);\r
  72             this.trackingDoc = true;\r
  73         }\r
  74         if(this.lastEcOver){ // prevent hung highlight\r
  75             this.onIconOut(e, this.lastEcOver);\r
  76             delete this.lastEcOver;\r
  77         }\r
  78         if(e.getTarget('.x-tree-ec-icon', 1)){\r
  79             this.lastEcOver = this.getNode(e);\r
  80             this.onIconOver(e, this.lastEcOver);\r
  81         }\r
  82         if(t = this.getNodeTarget(e)){\r
  83             this.onNodeOver(e, this.getNode(e));\r
  84         }\r
  85     },\r
  86 \r
  87     trackExit : function(e){\r
  88         if(this.lastOverNode && !e.within(this.lastOverNode.ui.getEl())){\r
  89             this.onNodeOut(e, this.lastOverNode);\r
  90             delete this.lastOverNode;\r
  91             Ext.getBody().un('mouseover', this.trackExit, this);\r
  92             this.trackingDoc = false;\r
  93         }\r
  94     },\r
  95 \r
  96     delegateClick : function(e, t){\r
  97         if(this.beforeEvent(e)){\r
  98             if(e.getTarget('input[type=checkbox]', 1)){\r
  99                 this.onCheckboxClick(e, this.getNode(e));\r
 100             }else if(e.getTarget('.x-tree-ec-icon', 1)){\r
 101                 this.onIconClick(e, this.getNode(e));\r
 102             }else if(this.getNodeTarget(e)){\r
 103                 this.onNodeClick(e, this.getNode(e));\r
 104             }else{\r
 105                 this.onContainerEvent(e, 'click');\r
 106             }\r
 107         }\r
 108     },\r
 109 \r
 110     delegateDblClick : function(e, t){\r
 111         if(this.beforeEvent(e)){\r
 112             if(this.getNodeTarget(e)){\r
 113                 this.onNodeDblClick(e, this.getNode(e));\r
 114             }else{\r
 115                 this.onContainerEvent(e, 'dblclick');    \r
 116             }\r
 117         }\r
 118     },\r
 119 \r
 120     delegateContextMenu : function(e, t){\r
 121         if(this.beforeEvent(e)){\r
 122             if(this.getNodeTarget(e)){\r
 123                 this.onNodeContextMenu(e, this.getNode(e));\r
 124             }else{\r
 125                 this.onContainerEvent(e, 'contextmenu');    \r
 126             }\r
 127         }\r
 128     },\r
 129     \r
 130     onContainerEvent: function(e, type){\r
 131         this.tree.fireEvent('container' + type, this.tree, e); \r
 132     },\r
 133 \r
 134     onNodeClick : function(e, node){\r
 135         node.ui.onClick(e);\r
 136     },\r
 137 \r
 138     onNodeOver : function(e, node){\r
 139         this.lastOverNode = node;\r
 140         node.ui.onOver(e);\r
 141     },\r
 142 \r
 143     onNodeOut : function(e, node){\r
 144         node.ui.onOut(e);\r
 145     },\r
 146 \r
 147     onIconOver : function(e, node){\r
 148         node.ui.addClass('x-tree-ec-over');\r
 149     },\r
 150 \r
 151     onIconOut : function(e, node){\r
 152         node.ui.removeClass('x-tree-ec-over');\r
 153     },\r
 154 \r
 155     onIconClick : function(e, node){\r
 156         node.ui.ecClick(e);\r
 157     },\r
 158 \r
 159     onCheckboxClick : function(e, node){\r
 160         node.ui.onCheckChange(e);\r
 161     },\r
 162 \r
 163     onNodeDblClick : function(e, node){\r
 164         node.ui.onDblClick(e);\r
 165     },\r
 166 \r
 167     onNodeContextMenu : function(e, node){\r
 168         node.ui.onContextMenu(e);\r
 169     },\r
 170 \r
 171     beforeEvent : function(e){\r
 172         if(this.disabled){\r
 173             e.stopEvent();\r
 174             return false;\r
 175         }\r
 176         return true;\r
 177     },\r
 178 \r
 179     disable: function(){\r
 180         this.disabled = true;\r
 181     },\r
 182 \r
 183     enable: function(){\r
 184         this.disabled = false;\r
 185     }\r
 186 };