ExtJS中给grid添加一个悬停提示,鼠标放到grid给予提示

在你想要给提示的那一列上加上

render:function(data,metadata){

metadata.attr = 'ext:qtitle="" ext:qtip="鼠标悬停提示信息"'

}

1）： Ext.QuickTips.init()在代码开始时初始化这个提示组建

2）：在columns 对象里面复写render方法 如 ：

renderer : function(v, metadata, record, rowIndex, columnIndex, store){

metadata.attr = ' ext:qtip="' + v + '"'

return v

}

就可以了，试试看吧！

在表格中某一行（需要的）加入renderer ：{header: "XXX", width: 300, sortable: true , dataIndex: 'XX',renderer: renderDes},

在function renderDes(value, cellmeta, record, rowIndex, columnIndex, store) 函数中:

return "<span style='color:RGB(255, 69, 0)' ext:qtip='" + value + "'>" + value + "</span>"

第一个value指的是悬浮要显示的内容，如果太长可以ext:qwidth=100,ext:qtitle='提示'，这样就换行了，第二个value指的是表格中的值

---