给ExtJs树节点添加提示

树视图事件监听实现

最新推荐文章于 2018-09-12 17:31:11 发布

原创最新推荐文章于 2018-09-12 17:31:11 发布 · 410 阅读

0 ·

CC 4.0 BY-SA版权

ExtJS 专栏收录该内容

14 篇文章

订阅专栏

本文介绍如何为树视图(Treeview)添加鼠标悬停事件监听，并实现提示框显示节点名称的功能。具体步骤包括：1. 注册事件监听器；2. 创建提示框组件；3. 在提示出现前更新提示内容。

1 给树treeview增加事件监听

"#filetreeview": {
	itemmouseenter: this.onFiletreeviewItemMouseEnter
}

2 实现监听函数

onFiletreeviewItemMouseEnter: function(dataview, record, item, index, e, eOpts) {
	dataview.tip = Ext.create('Ext.tip.ToolTip', {
		target: item,
		delegate: dataview.itemSelector,
		trackMouse: true,
		renderTo: Ext.getBody(),
		listeners: {
			beforeshow: function updateTipBody(tip) {
				tip.update(record.get('name'));
			}
		}
	});
	return false;
}