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

     listeners: {
                            '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,
                                    anchor: 'left',
                                    renderTo: document.body,
                                    listeners: {
                                        beforeshow: function updateTipBody(tip) {
                                            var rowIndex = view.findRowIndex(tip.triggerElement);
                                            var record = store.getAt(rowIndex);
                                            switch (record.data.Sign_state) {
                                                case 1: record.data.ReasonName = ''; break;
                                                case 2: record.data.ReasonName = '旷课原因'; break;
                                                case 3: record.data.ReasonName = '请假原因'; break;
                                                default:
                                            }
                                            tip.body.dom.innerHTML =
                                        (record.data.ReasonName == '' ? '' : ('<b>' + record.data.ReasonName + '：</b>' + record.get('Sign_reason') + '<br/>')) +
                                        '<b>签到时间：</b>' + record.get('Sign_time_qiandao') +
                                        '<br/><b>记录时间：</b>' + record.get('Sign_time_jilu');
                                        }
                                    }
                                });
                            }
                        }