现在的位置: 首页 > 综合 > 正文

ext给grid加toolTip提示(转自http://blog.sina.com.cn/s/blog_5a5d07e60100n7l3.html)

2013年09月07日 ⁄ 综合 ⁄ 共 1267字 ⁄ 字号 评论关闭

定义某表头如下:

{header : "姓名",dataIndex : "person_name",sortable : true,renderer :function (data, metadata, record, rowIndex, columnIndex, store) { 
            //build the qtip:       
            var title = '明细:';       
            var tip = record.get('person_name');            
            metadata.attr = 'ext:qtitle="' + title + '"' + ' ext:qtip="' + tip + '"';            
            //return the display text:      
            return data;   
}},

cmGridZQ.on('render',function(grid){
          var sto=grid.getStore();
          var view=grid.getView();
          cmGridZQ.tip = new Ext.ToolTip({  
            target: view.mainBody,    // The overall target element.  
            delegate: '.x-grid3-row', // Each grid row causes its own seperate show and hide.  
            trackMouse: true,           
            renderTo:cmGridZQ.body,
            listeners: {                
                beforeshow: function updateTipBody(tip) {  
                    var rowIndex = view.findRowIndex(tip.triggerElement);
                    if(sto.getAt(rowIndex).get('sign')){
                        tip.body.dom.innerHTML  = "<font color='green'>已打印:"+sto.getAt(rowIndex).get('sign')+"</font>"; 
                    }else{
                        tip.body.dom.innerHTML  = "<font color='red'>暂未打印任何单据</font>";
                    }
                }  
            }  
        });  
      })

抱歉!评论已关闭.