Extjs4单元格的tooltips提示

来源：互联网发布：什么是炒黄金知乎编辑：程序博客网时间：2024/05/17 05:04

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

一:效果图

这次先上个图

二: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什么的都略掉了,写上也没事儿