ExtJS 4.2工具提示有时无法显示IE8中的所有消息
在ExtJS4.2中,我在网格面板中使用工具提示,它在Chrome中工作,但有时无法在IE8中显示所有消息。宽度足够处理内容,一些单元格可以正常显示,其他单元格不能正常显示,这里似乎没有规律 将正常显示: 不正常显示: 代码:ExtJS 4.2工具提示有时无法显示IE8中的所有消息,extjs,internet-explorer-8,tooltip,Extjs,Internet Explorer 8,Tooltip,在ExtJS4.2中,我在网格面板中使用工具提示,它在Chrome中工作,但有时无法在IE8中显示所有消息。宽度足够处理内容,一些单元格可以正常显示,其他单元格不能正常显示,这里似乎没有规律 将正常显示: 不正常显示: 代码: Ext.create('Ext.grid.Panel', { viewConfig: { enableTextSelection: true }, title: 'This is title', renderTo:
Ext.create('Ext.grid.Panel', {
viewConfig: {
enableTextSelection: true
},
title: 'This is title',
renderTo: 'nameOfGrid',
forceFit: true,
rootVisible: false,
store: nameOfStore,
columns: [
{ text: '...', dataIndex: '...', sortable: true, flex: 0.25},
{ text: '...', dataIndex: '...', sortable: true, flex: 0.25 },
{ text: '...', dataIndex: '...', sortable: true, flex: 0.35 }
],
bbar: new Ext.create('Ext.PagingToolbar', {
id:'pagingtoolbar',
pageSize: 25,
store: nameOfStore,
displayInfo: true,
displayMsg: ' Display {0}-{1} of {2}',
emptyMsg: 'No more data...'
}),
listeners: {
viewready:showTooltip
},
buttons: [
{
text: '<font color=white><strong>Button1</strong></font>',
handler: promoteReferenceData
}, {
text: '<font color=white><strong>Button2</strong></font>',
handler: removeReferenceData
}, {
text: '<font color=white><strong>Button3</strong></font>',
handler:function() {
window.location.href = url
}
}
]
});
function showTooltip(grid) {
var view = grid.view;
this.toolTip = Ext.create('Ext.tip.ToolTip', {
target: view.el,
delegate: view.cellSelector,
trackMouse: true,
renderTo: Ext.getBody(),
listeners: {
beforeshow: function(tip) {
var trigger = tip.triggerElement,
parent = tip.triggerElement.parentElement,
columnTitle = view.getHeaderByCell(trigger).text,
columnDataIndex = view.getHeaderByCell(trigger).dataIndex,
columnText = view.getRecord(parent).get(columnDataIndex).toString();
if (columnText) {
tip.update("<b>" + columnTitle + ":</b> " + columnText);
} else {
return false;
}
}
}
});
}