// fujingrun 2010-9-2 start Ext.ToolTip.prototype.onTargetOver = Ext.ToolTip.prototype.onTargetOver .createInterceptor(function(e) { this.baseTarget = e.getTarget(); }); Ext.ToolTip.prototype.onMouseMove = Ext.ToolTip.prototype.onMouseMove .createInterceptor(function(e) { if (!e.within(this.baseTarget)) { this.onTargetOver(e); return false; } }); stepGrid.onRender = function() { Ext.grid.GridPanel.prototype.onRender.apply(this, arguments); this.addEvents("beforetooltipshow"); this.tooltip = new Ext.ToolTip({ renderTo : Ext.getBody(), target : this.view.mainBody, listeners : { beforeshow : function(qt) { var v = this.getView(); var row = v.findRowIndex(qt.baseTarget); var cell = v.findCellIndex(qt.baseTarget); this .fireEvent("beforetooltipshow", this, row, cell); }, scope : this } }); } stepGrid.addListener("render", function(g) { g.on("beforetooltipshow", function(grid, row, col) { var store = stepGrid.getStore(); var record = store.getAt(row); var remark = record.get("fieldremark"); var mtremark = record.get("mtremark"); grid.tooltip.maxWidth = 500; grid.tooltip.dismissDelay = 0; grid.tooltip.body .update("<table style='font-size: 12px; width: 100%;frame:'hsides';' id='Basic'>" + "<tr><td valign='top' >任务说明:</td><td valign='top'style='width:80%'>" + isUndefined(remark) + "</td</tr>" + "<tr><td valign='top' class='x-tooltip'>材料说明:</td><td valign='top'style='width:80%' class='x-tooltip' >" + isUndefined(mtremark) + "</td</tr>" + "</table>" ); }); }); function isUndefined(tooltipvalue) { if (tooltipvalue == undefined || tooltipvalue == "") { return "无"; } else { return tooltipvalue; } } // fujingrun 2010-9-2 end