写写今天用的tooltip（ext3.0）

来源：互联网发布：卖掉淘宝店铺的危险编辑：程序博客网时间：2024/06/16 17:19

ext中，给grid添加行tip提示,方法很多，我今天的用的是图简单，代码如下：

grid.on('render',function(){
        grid.tip=new Ext.ToolTip({
                   target: grid.getView().mainBody,
                   delegate: '.x-grid3-row',
                   trackMouse: true,
                   renderTo: document.body,
                   height:300,
                   listeners: {
                        'beforeshow':function(tip)
                        {
                         var rowIndex = grid.getView().findRowIndex(tip.triggerElement);
                         tip.body.dom.innerHTML='<table class="infotable">'+
                                                        '<tr><td>姓名：</td><td           class="render">'+grid.getStore().getAt(rowIndex).get('employeeName')+'</td>'+
                                                            '<td>性别：</td><td class="render">'+grid.getStore().getAt(rowIndex).get('gender')+'</td>'+
                                                        '</tr>'+
    //内容我就不写了。。。
                                                     '</table>'+
                                                      '<img src="'+ grid.getStore().getAt(rowIndex).get('icon')+'" width="150" height="150"/>';
                        }
                   }
        })
       })

class="render" 是表格样式，就不写了