ext grid鼠标悬停和提示

鼠标悬停：

{
//align : 'left',
text : '公告标题',
flex:5,
dataIndex : 'title',
renderer : function(value, metaData, record) {
return  '<a onmouseover=this.style.color="d54039" onmouseout=this.style.color="#000000" onclick=Msg_FN.queryMsg() style="cursor: pointer;">'+value+'</a>';

}

grid行提示：

grid.on('mouseover',function(e){//添加mouseover事件
var index = grid.getView().findRowIndex(e.getTarget());//根据mouse所在的target可以取到列的位置
if(index!==false){//当取到了正确的列时，（因为如果传入的target列没有取到的时候会返回false）
var record = store.getAt(index);//把这列的record取出来
var str = Ext.encode(record.data);//组装一个字符串，这个需要你自己来完成，这儿我把他序列化
var rowEl = Ext.get(e.getTarget());//把target转换成Ext.Element对象
rowEl.set({
'ext:qtip':str //设置它的tip属性
},false);

}
});
以上是转载的，未经测试，下面是亲测可用的代码：

Ext.override(Ext.grid.GridPanel, {

    afterRender : Ext.Function.createSequence(Ext.grid.GridPanel.prototype.afterRender,

        function() {

            // 默认显示提示

            if (!this.cellTip) {

                return;

            }

            var view = this.getView();

            this.tip = new Ext.ToolTip({

                target: view.el,

                delegate : '.x-grid-cell-inner',

                trackMouse: true,

                renderTo: document.body,

                ancor : 'top',

                style : 'background-color: #FFFFCC;',

                listeners: { 

                    beforeshow: function up
4000
dateTipBody(tip) {

                        //取cell的值

                        //fireFox  tip.triggerElement.textContent

                        //IE  tip.triggerElement.innerText

                        var tipText = (tip.triggerElement.innerText || tip.triggerElement.textContent);

                        if (Ext.isEmpty(tipText) || Ext.isEmpty(tipText.trim()) ) {

                            return false;

                        }

                        tip.update(tipText);

                    }

                }

            });

        })

});