3 * Copyright(c) 2006-2009 Ext JS, LLC
5 * http://www.extjs.com/license
7 Ext.tree.TreeEventModel = function(tree){
\r
9 this.tree.on('render', this.initEvents, this);
\r
12 Ext.tree.TreeEventModel.prototype = {
\r
13 initEvents : function(){
\r
16 if(t.trackMouseOver !== false){
\r
19 mouseover: this.delegateOver,
\r
20 mouseout: this.delegateOut
\r
23 t.mon(t.getTreeEl(), {
\r
25 click: this.delegateClick,
\r
26 dblclick: this.delegateDblClick,
\r
27 contextmenu: this.delegateContextMenu
\r
31 getNode : function(e){
\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
36 return this.tree.getNodeById(id);
\r
42 getNodeTarget : function(e){
\r
43 var t = e.getTarget('.x-tree-node-icon', 1);
\r
45 t = e.getTarget('.x-tree-node-el', 6);
\r
50 delegateOut : function(e, t){
\r
51 if(!this.beforeEvent(e)){
\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
61 if((t = this.getNodeTarget(e)) && !e.within(t, true)){
\r
62 this.onNodeOut(e, this.getNode(e));
\r
66 delegateOver : function(e, t){
\r
67 if(!this.beforeEvent(e)){
\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
74 if(this.lastEcOver){ // prevent hung highlight
\r
75 this.onIconOut(e, this.lastEcOver);
\r
76 delete this.lastEcOver;
\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
82 if(t = this.getNodeTarget(e)){
\r
83 this.onNodeOver(e, this.getNode(e));
\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
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
105 this.onContainerEvent(e, 'click');
\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
115 this.onContainerEvent(e, 'dblclick');
\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
125 this.onContainerEvent(e, 'contextmenu');
\r
130 onContainerEvent: function(e, type){
\r
131 this.tree.fireEvent('container' + type, this.tree, e);
\r
134 onNodeClick : function(e, node){
\r
135 node.ui.onClick(e);
\r
138 onNodeOver : function(e, node){
\r
139 this.lastOverNode = node;
\r
143 onNodeOut : function(e, node){
\r
147 onIconOver : function(e, node){
\r
148 node.ui.addClass('x-tree-ec-over');
\r
151 onIconOut : function(e, node){
\r
152 node.ui.removeClass('x-tree-ec-over');
\r
155 onIconClick : function(e, node){
\r
156 node.ui.ecClick(e);
\r
159 onCheckboxClick : function(e, node){
\r
160 node.ui.onCheckChange(e);
\r
163 onNodeDblClick : function(e, node){
\r
164 node.ui.onDblClick(e);
\r
167 onNodeContextMenu : function(e, node){
\r
168 node.ui.onContextMenu(e);
\r
171 beforeEvent : function(e){
\r
179 disable: function(){
\r
180 this.disabled = true;
\r
183 enable: function(){
\r
184 this.disabled = false;
\r