ext tree 如何添加消息提示?

问题描述

使用border 布局, tree在左边, 想要实现功能,当鼠标 mouseover的时候,给出一个消息提示. 问题补充:myali88 写道

解决方案

this.tree.fireEvent('mouseover', this.tree.getNodeById(nodeId), e); 这个发起的事件不是已经包含了事件对象本身吗?就是Extjs里面的EventObject,如果你要获取坐标的话,后面的监听处理器里面,这样定义:'mouseover' : function(node , e) {console.log(e.getPageX() + e.getPageY());console.log("mouseover:" + node); }
解决方案二:
你的问题不错,我参考extjs论坛上的实现了一下TreePanel的mouseout和mouseouver事件:定义一个插件 NodeMouseoverPlugin = Ext.extend(Object, { init: function(tree) { if (!tree.rendered) { tree.on('render', function() {this.init(tree)}, this); return; } this.tree = tree; tree.body.on('mouseover', this.onTreeMouseover, this, {delegate: 'div.x-tree-node-el'});tree.body.on('mouseout', this.onTreeMouseout, this, {delegate: 'div.x-tree-node-el'}); }, onTreeMouseover: function(e, t) {/** var nodeEl = Ext.fly(t).up('div.x-tree-node-el');**/var nodeId = t.getAttribute('ext:tree-node-id');//t.getAttributeNS('ext', 'tree-node-id');console.log('node id ' + nodeId);if (nodeId) {this.tree.fireEvent('mouseover', this.tree.getNodeById(nodeId), e);} },onTreeMouseout : function(e , t) {/** var nodeEl = Ext.fly(t).up('div.x-tree-node-el');**/var nodeId = t.getAttribute('ext:tree-node-id');//t.getAttributeNS('ext', 'tree-node-id');if (nodeId) {this.tree.fireEvent('mouseout', this.tree.getNodeById(nodeId), e);}}});在TreePanel上使用该插件:var tree = new Ext.tree.TreePanel({ //...plugins: new NodeMouseoverPlugin(), //... listeners : { 'mouseover' : function(node) { console.log("mouseover:" + node); }, 'mouseout' : function(node) { console.log("mouseout:" + node); } }实现的方式就是通过自定义插件,extjs里面所有的组件都可以支持plugins,plugin就是一个对象,这个对象包含一个init的方法,方法以当前组件为参数。针对本插件的实现,主要在两点:1、利用dom原生的鼠标事件在组件上发起一个自定义事件;2、利用代理机制,把对节点的鼠标事件委托到组件的body上面。
解决方案三:
在tree上自定义mouseover和mouseout事件,然后你自己想怎么显示提示都可以。
解决方案四:
tree.on('click',function(node, e){ var win = new Ext.Window( { title: " 标题 " , width: 300 , height: 200 , html:' <a href="www.google.com" /> ' }); win.show();}
解决方案五:
给node,添加一个属性qtip:'我是现实信息'
解决方案六:
你需要把问题再说明一下:1、extjs你使用的是什么版本2、引用使用border 布局, tree在左边, 想要实现功能,当鼠标 mouseover的时候,给出一个消息提示.鼠标移到整个tree面板提示呢,还是移到某个节点

时间: 2024-12-26 07:30:41

ext tree 如何添加消息提示?的相关文章

iOS自定义推送消息提示框_IOS

看到标题你可能会觉得奇怪 推送消息提示框不是系统自己弹出来的吗? 为什么还要自己自定义呢?  因为项目需求是这样的:最近需要做 远程推送通知 和一个客服系统 包括店铺客服和官方客服两个模块 如果有新的消息推送的时候 如果用户当前不在客服界面的时候  要求无论是在app前台 还是app退到后台 顶部都要弹出系统的那种消息提示框 这样的需求 我们就只能自定义一个在app内 弹出消息提示框   实现步骤如下:  1.我们自定义一个view 为 STPushView 推送消息的提示框view  #imp

Ext tree 叶子节点 添加链接 点击跳转问题 很急~

问题描述 我这个树没有href属性我现在想在判断是叶子节点的话 点击就跳转的问题var roleid =document.getElementById('roleid').getAttribute('data');Ext.BLANK_IMAGE_URL = "/dtjcsy/pages/js/ext/resources/images/default/s.gif";Ext.onReady(function() {var Tree= Ext.tree;var loader = new Ex

Windows Phone 7玻璃框消息提示

在上一篇博客<Windows Phone 7 最新的开发工具库>中介绍了Phoney项目 ,其中就有介绍到一个淡入淡出的消息提示,本文将扩展下这个消息提示,即让 提示消息出现玻璃边框,类似于Windows 7窗体的效果. 先来看下运行后的效果: 其实说穿了无非就是给弹出框加上玻璃样式. 具体的改法如下: 打开PhoneyTools项目下的FadingMessage.cs文件,找到其中的 StandardMessage方法,添加如下代码即可 #region 边框 LinearGradientBr

Android仿QQ消息提示实现弹出式对话框_Android

本文在<7种形式的Android Dialog使用实例>在这篇文章的基础进行学习,具体内容如下 1.概述 android原生控件向来以丑著称(新推出的Material Design当另说),因此几乎所有的应用都会特殊定制自己的UI样式.而其中弹出式提示框的定制尤为常见,本篇我们将从模仿QQ退出提示框来看一下常见的几种自定义提示框的实现方式. 这里使用的几种弹出框实现方法概括为以下几种: 自定义Dialog 自定义PopupWindow 自定义Layout View Activity的Dialo

【Android开发】消息提示框与对话框-使用AlertDialog创建对话框

AlertDialog类的功能十分强大,它不仅可以生成带按钮的提示对话框,还可以生成带列表的列表对话框,概括起来有一下4种: 1.带确定.中立和取消等N个按钮的提示对话框,其中的按钮个数不是固定的,可以根据需要添加.例如,不需要中立按钮,则可以只生成带有确定和取消按钮的对话框,也可以是只需有一个按钮的对话框. 2.带列表的列表对话框 3.带多个单选列表项和N个按钮的列表对话框 4.带多个多选列表项和N个按钮的列表对话框 在使用AlertDialog类生成对话框时,常用的方法如下所示: setTi

Silverlight+WCF 实战-网络象棋最终篇之解决重复的消息提示(八)

前言: 最近有网友经常会问,在跟着做象棋对战的通讯中,在重复退出进入的时候,消息会重复出现,本节就这问题进行解说与优化.   一:分析问题产生的原因?   1:首先看App.xaml,里面定义了一个全局客户端回调: public static GameService.ServiceClient client;//回调的客户端   并且这个回调我们全局只实例化一次,并且默认加载时定位到登陆页面: private void Application_Startup(object sender, Sta

Ext tree 反复到下层取数据的问题

问题描述 参考网上的例子,自己写了一个利用extjs来表示权限的树的功能.但是,很奇怪的是,在成功地读取了一次树的json数据后,页面还会不断地再次到下层读取json数据.这样就形成了一个死循环,不知问题出在哪里,在这里发帖请教下!下面是我的部分js代码:<script type="text/javascript"><!--Ext.BLANK_IMAGE_URL = "<c:url value='/components/extjs/images/def

Silverlight+WCF 实战-网络象棋最终篇之解决重复的消息提示-状态重置(九)

上节留下的问题: 在上一节:Silverlight+WCF 网络象棋 终极篇 解决重复的消息提示(八) 中,我们解决了重复登陆时产生的多次消息的重复提示. 不过由此优化产生的另一个问题:全局只有一个实例,在来回的切换房间或进出时,需要重置状态,我们这节来解决这个问题.     在上节的,我留下了几行这样的注释代码: //loginObj.Reset();//roomObj.Reset();//indexObj.Reset();   本节就顺路把这三个注册的方法给实现了: 1:loginObje.

C#仿QQ来消息提示

问题描述 如何实现 解决方案 解决方案二:http://www.google.com.hk/#hl=zh-CN&newwindow=1&safe=strict&q=C%23%E4%BB%BFQQ+%E6%B6%88%E6%81%AF%E6%8F%90%E7%A4%BA+&oq=C%23%E4%BB%BFQQ+%E6%B6%88%E6%81%AF%E6%8F%90%E7%A4%BA+&aq=f&aqi=&aql=&gs_sm=e&gs_