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

  • Post author:
  • Post category:其他


/**

重写鼠标移动事件,弹出注释框

*/

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>不能有分支’




})



版权声明:本文为QQ379165262原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。