ExtJS Grid Tooltip

function g(){var difsAdjustGrid;var difsAdjustCm;difsAdjustCm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {id: 'DASYS_NAME', header : '稽核实例',dataIndex : 'DASYS_NAME',width : 100,sortable : true},{id: 'DADIFF_NAME', header : '差异形态名称',dataIndex : 'DADIFF_NAME',width : 100,sortable : true},{id: 'DADIFF_DESC', header : '差异形态描述',dataIndex : 'DADIFF_DESC',width : 100,sortable : true, hidden: true},{id: 'NODE_NAME', header : '部门',dataIndex : 'NODE_NAME',width : 100,sortable : true},{id: 'DATA_BATCH', header : '比对批次',dataIndex : 'DATA_BATCH',width : 100,sortable : true},{id: 'LAST_DIFFREC', header : '上期异常',dataIndex : 'LAST_DIFFREC',width : 100,sortable : true},{id: 'ABN_COUNT', header : '本期异常',dataIndex : 'ABN_COUNT',width : 100,sortable : true,tooltip:'本期异常=本期新增+历史待分析+历史待整改'},{id: 'qjycjs', header : '期间异常减少',dataIndex : 'qjycjs',width : 150,sortable : true,tooltip:'期间异常减少=上期异常+本期新增-本期异常-期间异动'},{id: 'NEW_COUNT', header : '本期新增',dataIndex : 'NEW_COUNT',width : 100,sortable : true},{id: 'ANALY_COUNT', header : '历史待分析',dataIndex : 'ANALY_COUNT',width : 120,sortable : true},{id: 'UPDATE_COUNT', header : '历史待整改',dataIndex : 'UPDATE_COUNT',width : 120,sortable : true},{id: 'CHANGE_COUNT', header : '期间异动',dataIndex : 'CHANGE_COUNT',width : 100,sortable : true}]);var difsAdjustStore = new Ext.data.Store({proxy: new Ext.data.HttpProxy({url: '/dwrap/result/getSummaryDataListResultAction.action',method: "POST"}),baseParams: {"criteria.batch": batch,"criteria.daitemSn": daitemSn},reader: new Ext.data.JsonReader({root: 'resultList',totalProperty: 'total',fields: ['DASYS_NAME','NODE_NAME','DATA_BATCH','LAST_DIFFREC','ABN_COUNT','qjycjs','NEW_COUNT','ANALY_COUNT','UPDATE_COUNT','CHANGE_COUNT','DADIFF_NAME','DADIFF_DESC']}), autoDestroy: true});difsAdjustStore.load({params:{start:0, limit:20}});/*var myData = [ ['CRM与HLR与计费用户','长沙','20100615','2010-06-15',12,22,12,12,32,14,15,18], ['CRM与HLR','娄底','20100615','2010-06-25','crm',13,14,15,16,12,16,16] ]; var difsAdjustStore = new Ext.data.ArrayStore({ fields: [ {name: 'jhsl',type:'text'}, {name: 'ds', type: 'text'}, {name: 'dbpc', type: 'text'}, {name: 'cjrq', type: 'text'}, {name: 'sqyc', type: 'text'}, {name: 'bqyc', type: 'text'}, {name: 'qjycjs', type: 'text'}, {name: 'bqxz', type: 'text'}, {name: 'lsdfx', type: 'text'}, {name: 'lsdzg', type: 'text'}, {name: 'qjyd', type: 'text'}, {name: 'sjy', type: 'text'}, {name: 'sjy', type: 'text'}, {name: 'sjy', type: 'text'}, ] }); difsAdjustStore.loadData(myData); */ difsAdjustGrid = new Ext.grid.GridPanel({id: 'difsAdjustGrid',title:'CRM、HLR、计费用户数比对',region : 'center',height:315,border:false,cm : difsAdjustCm,ds : difsAdjustStore,autoScroll : true,layout : 'fit',viewConfig: { columnsText: '显示的列', //scrollOffset: 30, sortAscText: '升序', sortDescText: '升序', forceFit: true },loadMask: {msg: '正在加载数据, 请稍等...'},bbar : new Ext.PagingToolbar({store : difsAdjustStore,displayInfo : true,autoWidth:true,bodyStyle:"padding:0px;",displayMsg : '当前显示 {0} - {1}条，共 {2} 条',emptyMsg : "没有可显示项"}),listeners: {render: function(grid){var store = grid.getStore(); var view = grid.getView();difsAdjustGrid.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, // Moving within the row should not hide the tip. renderTo: document.body, // Render immediately so that tip.body can be referenced prior to the first show. listeners: { // Change content dynamically depending on which element triggered the show. beforeshow: function updateTipBody(tip) { var rowIndex = view.findRowIndex(tip.triggerElement); tip.body.dom.innerHTML = store.getAt(rowIndex).get("DADIFF_DESC") || ""; } } });}}});return difsAdjustGrid;}