Ext.net/basic

Ext.net GridPanel toolTip 적용

육도리 2018. 4. 26. 11:22
반응형

*ToolTip 생성

[javascript 부분]

$(document).ready(function () {

var view = App.GridPanel1.getView();

var tip = Ext.create('Ext.tip.ToolTip', {

// The overall target element.

target: view.el,

// Each grid row causes its own separate show and hide.

delegate: '.x-grid-cell',

// Moving within the row should not hide the tip.

trackMouse: true,

// Render immediately so that tip.body can be referenced prior to the first show.

renderTo: Ext.getBody(),

listeners: {

// Change content dynamically depending on which element triggered the show.

beforeshow: function updateTipBody(tip) {

var store = App.GridPanel1.getStore();

var record = view.getRecord(view.findItemByChild(tip.triggerElement));

var column = view.getHeaderByCell(tip.triggerElement);

var data = record.get(column.dataIndex);

tip.update(data);

}

}

});

});

반응형