1.ExtJS中给grid添加一个悬停提示,鼠标放到grid给予提示
// 定义列模型
var cm = new Ext.grid.ColumnModel([
rownum,
{
header : '操作',
dataIndex : 'id',
hidden : false,
renderer : function(value, cellmeta, record) {
cellmeta.attr = 'ext:qtitle="" ext:qtip="标记已读"';
if (record.data['status'] == '已读') {
return "<a href='javascript:void(0);'><img src='"
+ webContext
+ "/resource/image/ext/edit2.png'/></a>";
}
return "<a href='javascript:void(0);'><img src='"
+ webContext
+ "/resource/image/ext/edit1.png'/></a>";
},
width : 20
}, {
header : '信息',
dataIndex : 'content',
width : 253
}, {
header : '办理日期',
dataIndex : 'operatedate',
align : 'center',
width : 40,
sortable : false
} ]);
或者是:
render:function(data,metadata){
metadata.attr = 'ext:qtitle="" ext:qtip="鼠标悬停提示信息"';
}
2.在ExtJS中给表格中某列的行值添加tool-tips
{
xtype: 'gridcolumn',
renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
metaData.tdAttr = "data-qtip='Message: " + value + "'";
return value;
},
dataIndex: 'status',
text: 'Status'
},
给Status列添加tool-tips,复写renderer函数
version: ext-4.1.1-gpl
效果: