EXTJS 4.2 实现 gridpanel 鼠标悬停单元格以提示信息的方式显示单元格内容。

Ext4JS官方API中给出的Ext.tip.ToolTip的用法如下：

grid.getView().on('render', function(view) {
    view.tip = Ext.create('Ext.tip.ToolTip', {
        // 所有的目标元素
        target: view.el,
        // 每个网格行导致其自己单独的显示和隐藏。
        delegate: view.itemSelector,
        // 在行上移动不能隐藏提示框
        trackMouse: true,
        // 立即呈现，tip.body可参照首秀前。
        renderTo: Ext.getBody(),
        listeners: {
            // 当元素被显示时动态改变内容.
            beforeshow: function updateTipBody(tip) {
                //给出特定格式的悬浮提示
                tip.update('Over company "' + view.getRecord(tip.triggerElement).get('company') + '"');
            }
        }
    });
});

说明：用于实现当鼠标移动到每一行的时候给出特定格式的悬浮提示。

 

但是实际开发中需求往往不是这样。由于gridpanel的单元格里的文字太多时候，都由省略号代替，就想实现当鼠标悬浮在特定单元格上面的时候提示信息的方式显示当前单元格里面的内容，经过反复实验，终于搞定了ÿ