Extjs4单元格的tooltips提示

今天查到一个老外写的代码基本满足需求 , 显示之前我又加了一个编码 ,能实现功能  希望高手们指点~

一:效果图

这次先上个图

二:util层里的渲染函数

//==>June27 表格cell的tooltip提示
/* Grid中的用法: 
	1.Ext.QuickTips.init();//悬浮提示	
	2.columns: [
    			{ header: 'xxx', dataIndex: 'yyy', renderer: fGridTooltips },//renderer: fGridTooltips
    			......
    	 ]
*/
function fGridTooltips(value, metaData, record, rowIdx, colIdx, store) 
{
	//==>用tooltip浮窗,显示编码后单元格内的值
	metaData.tdAttr = 'data-qtip="' + Ext.String.htmlEncode(value) + '"';
	return value;
} 
//==>June27 表格cell的tooltip提示

三:用法

首先创建表格之前要初始化QuickTips( 反正输入验证也要用)

在定义列的时候 , 需要显示提示的列中添加一个render , 渲染函数就是这个函数就行了

columns: [
    { header: '功能',dataIndex: 'funName',width: "10%",align: 'center',sortable: true, renderer: fGridTooltips },//editor什么的都略掉了,写上也没事儿