今天查到一个老外写的代码基本满足需求 , 显示之前我又加了一个编码 ,能实现功能 希望高手们指点~
一:效果图
这次先上个图
二: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什么的都略掉了,写上也没事儿