ExtJS grid中显示行数据提示信息tip

最新推荐文章于 2018-06-11 11:48:09 发布

jiajiafucs

最新推荐文章于 2018-06-11 11:48:09 发布

阅读量350

点赞数

分类专栏： ExtJS 文章标签： Mobile EXT

ExtJS 专栏收录该内容

1 篇文章

订阅专栏

 custGrid.on('render', function(grid) {   
       var store = grid.getStore();  
       var view = grid.getView();       
       grid.tip = new Ext.ToolTip({   
           target: view.mainBody,      
           delegate: '.x-grid3-row', 
           trackMouse: true,     
           renderTo: document.body,   	     
           listeners: {   
               beforeshow: function updateTipBody(tip) {   
                   var rowIndex = view.findRowIndex(tip.triggerElement);   
                   var record = store.getAt(rowIndex);
                   tip.body.dom.innerHTML = 
'ID:'+record.get('custId')+
'<br/>NO:'+record.get('custName')+
'<br/>Address:'+record.get('address')+
'<br/>Mobile:'+record.get('mobile');   
               }   
           }   
       });   
   });