[Ext JS 4] Grid 中的单元格添加Tooltip 的效果

问题描述

使用Grid 显示数据时， 如果某个单元格的的字符串比较多时，Grid 默认会显示截断的字串， 后面加上 ... 。效果类似

要看到后面的内容， 除非把这一栏的长度拉长。

看起来着实不方便。

可以考虑一个解决办法，就是给这个Cell，添加Tooltip 的效果， 当鼠标移动到这个Cell 上面时， 弹出一个Tooltip 把所有的内容显示出来。

解决思路

解决这个问题， 结合Extjs 的两个只是

1. Ext.QuickTips

2. grid Columns 中某个Column 的  renderer

要使用QuickTip , 使用

Ext.QuickTips.init(); 就可以了。

在Grid 的每行数据render 的时候， 添加上tooltip 的显示配置