Extjs GridPanel行提示的几种实现方式

1..使用renderer;
{

     header: "公司",

     name: 'company',

     width: 200,

     renderer:function(value,cell,record){
                     var qtipTpl = new Ext.XTemplate("<p><b>Company:</b> {company}<br>{price}<br />{size}</p>");
                     var qtip = qtipTpl.apply(record.data);
                     return '<div qtip="' + qtip +'">' + value + '</div>'
      }

},


2.
grid.on('render', function() {
             grid.tip = new Ext.ToolTip({
                              view: grid.getView(),
                              target: grid.getView().mainBody,
                              delegate: '.x-grid3-row',
                              trackMouse: true,
                              renderTo: document.body,
                              listeners: {
                                         beforeshow: function updateTipBody(tip) {
                                                           console.log(grid.store.getAt(tip.triggerElement.rowIndex).data);
                                                           tip.body.dom.innerHTML = "Over row " + tip.view.findRowIndex(tip.triggerElement);
                                               }
                                }
                });
});