重写EXT treepanel 鼠标移动事件，弹出注释框

 

 /** 
        重写鼠标移动事件，弹出注释框
    */
 var notesWindow;//提示消息框  定义全局变量  弹出先先判断是否已经存在
 Ext.tree.TreeNodeUI.prototype.onOver = function(e){
     if(notesWindow!=undefined){
      notesWindow.destroy();
  }
     if(this.node.attributes.message!=undefined){//判断message 要显示的消息内容 是否存在
      notesWindow = new Ext.ToolTip({
          title: '',
          width:200,
          html: this.node.attributes.message,
          trackMouse:true,
          dismissDelay: 2000
      });
      notesWindow.showAt([event.clientX+10,event.clientY+10]);
     }
     this.addClass('x-tree-node-over');

    }

 

 

红色部分就是弹出的提示框

 

定义treenode时要增加提示内容属性：

new Ext.tree.TreeNode({

text:'Web</br>Service',

id:'webService',

  height:40,

width:48,

img : '/processTree/img/4.gif',

message:'WebService</br>开始配置服务必须选项</br>不能有分支'

})