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

来源：互联网发布：贷款印花税怎么算法编辑：程序博客网时间：2024/05/17 09:32

/**
        重写鼠标移动事件，弹出注释框
    */
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>不能有分支'

})