EXT 鼠标置于GridPanel某一行上显示提示tip消息

[javascript] view plaincopy

1. listeners: {  
2.                        'render': function (grid) {  
3.                            var store = grid.getStore();  
4.                            var view = grid.getView();  
5.                            grid.tip = new Ext.ToolTip({  
6.                                target: view.mainBody,  
7.                                delegate: '.x-grid3-row',  
8.                                trackMouse: true,  
9.                                anchor: 'left',  
10.                                renderTo: document.body,  
11.                                listeners: {  
12.                                    beforeshow: function updateTipBody(tip) {  
13.                                        var rowIndex = view.findRowIndex(tip.triggerElement);  
14.                                        var record = store.getAt(rowIndex);  
15.                                        switch (record.data.Sign_state) {  
16.                                            case 1: record.data.ReasonName = ''; break;  
17.                                            case 2: record.data.ReasonName = '旷课原因'; break;  
18.                                            case 3: record.data.ReasonName = '请假原因'; break;  
19.                                            default:  
20.                                        }  
21.                                        tip.body.dom.innerHTML =  
22.                                    (record.data.ReasonName == '' ? '' : ('<b>' + record.data.ReasonName + '：</b>' + record.get('Sign_reason') + '<br/>')) +  
23.                                    '<b>签到时间：</b>' + record.get('Sign_time_qiandao') +  
24.                                    '<br/><b>记录时间：</b>' + record.get('Sign_time_jilu');  
25.                                    }  
26.                                }  
27.                            });  
28.                        }  
29.                    }