当前位置: 代码迷 >> Web前端 >> gridpanel row tooltip运用
  详细解决方案

gridpanel row tooltip运用

热度:871   发布时间:2012-11-23 00:03:43.0
gridpanel row tooltip使用
gridpanel中,鼠标每切换一个列,自动显示grid store中tip变量所指定的列值。
以下代码备忘:
//显示鼠标悬停数据
		if(this.tip){			
			this.on('render',function(grid){
				var view=grid.getView();
				grid.tooltip = new Ext.ToolTip({ 
					 target: view.mainBody,
					 delegate: '.x-grid3-row',
					 trackMouse: true, 
					 renderTo: document.body,
					 listeners: {
					 	beforeshow: function updateTipBody(tip) {
							var rowIndex = view.findRowIndex(tip.triggerElement); 
							var text=grid.store.getAt(rowIndex).get(grid.tip);
							tip.body.dom.innerHTML = text;													
						}
					}
				})
			},this)
		}	
  相关解决方案