metadata(metadata.attr="ext:qtip='tooltip'")
extjs 3.4を使用して、ツールチップをグリッドに動的に追加しています。
しかし、このツールチップをグリッド内のすべてのセルに追加し、上記の方法を使用する代わりに次の方法で試してみました
function setToolTip(val, metadata) {
new Ext.ToolTip({
target: 'company',
html: 'Click the X to close me',
title: 'My Tip Title',
autoHide: false,
closable: true,
draggable:true
});
return val;
}
var grid = new Ext.grid.GridPanel({
store: store,
columns: [
{
id :'company',
header : 'Company',
width : 160,
sortable : true,
renderer : setToolTip,
dataIndex: 'company'
}
],
stripeRows: true,
autoExpandColumn: 'company',
renderTo: document.body,
height: 350,
width: 600,
title: 'Array Grid',
// config options for stateful behavior
stateful: true,
stateId: 'grid'
});
ターゲットには、グリッドで使用した Ext.grid.Column の ID を指定しています。しかし、ページの最初にこの行があるにもかかわらず、ツールチップが表示されません
Ext.QuickTips.init();