Extjs中Gridpanel中加每行提示

在使用GridPanel时，在列数量较多或存在备注型信息时，可以通过tip窗体进行每行详细信息的显示，笔者是通过如下方式进行

图例：

ClientProduct_grid.on('render',function (grid)

{

      var store=grid.getStore();

      var view=grid.getView();

      var str="";

      ClientProduct_grid.tip=new Ext.ToolTip({

            target:view.mainBody,

            title:'显示详细信息',

            delegate:'.x-grid3-row',

            trackMouse:true,

            dismissDelay:5000,

            renderTo:document.body,

            listeners:{

                              "beforeshow":function updateTipBody(tip) {

                               var rowIndex=view.findRowIndex(tip.triggerElement);

                                if(store.getAt(rowIndex).get('Pmemo').length==0) {

                                    str='<div style="padding:20px;border:1px solid #999; color:#555; background: #f9f9f9;">'+""+'</div>';

                                    tip.body.dom.innerHTML="";

                                   }else {

                                     str='<div style="padding:20px;border:1px solid #999; color:#555; background: #f9f9f9;">'+store.getAt(rowIndex).get('Pmemo')+'</div>';

                                      tip.body.dom.innerHTML=str;

                                    }

                                   rowIndex=null;

           }

}

});

});

以上代码，其实在API帮助文件中已有，大家可以留意