我使用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();
答案 0 :(得分:0)
尝试使用bodyStyle
,您可以在http://docs.sencha.com/extjs/3.4.0/#!/api/Ext.ToolTip-cfg-bodyStyle