웹 개발

sencha grid tooltip

노루아부지 2019. 8. 24. 00:17

1. grid의 listener에 아래와 같이 추가

listeners: {
        viewready: gridToolTip
}

 

2. 아래와 같이 함수 선언

function gridToolTip(grid) {
	var view = grid.view;
       
	// record the current cellIndex
	grid.mon(view, {
		uievent: function (type, view, cell, recordIndex, cellIndex, e) {
			grid.cellIndex = cellIndex;
			grid.recordIndex = recordIndex;
		}
	});
        
	grid.tip = Ext.create('Ext.tip.ToolTip', {
		target: view.el,
		delegate: '.x-grid-cell',
		trackMouse: true,
		renderTo: Ext.getBody(),
		listeners: {
			beforeshow: function updateTipBody(tip) {
				if (!Ext.isEmpty(grid.cellIndex) && grid.cellIndex !== -1) {
					header = grid.headerCt.getGridColumns()[grid.cellIndex];
					tip.update(grid.getStore().getAt(grid.recordIndex).get(header.dataIndex));
				}
			}
		}
	});
}

 

 

728x90
loading