ExtJS Grid Tooltip

3 篇文章 0 订阅
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;
	}


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值