extjs - 列标题中有省略号时的 ExtJS 工具提示
问题描述
我需要用省略号在列标题中显示一个工具提示。方法是溢出,不起作用,因为我的标题 el.scrollWidth = el.offsetWidth
isOverflow: function (el) {
return el.scrollWidth > el.offsetWidth;
},
解决方案
我通常在列调整大小时这样做:
listeners:{
columnResize: {
fn: function (ct, column, width, eOpts){
//check overflow
if (column.textEl.dom.offsetWidth<column.textInnerEl.dom.offsetWidth-5){
var tip = Ext.create('Ext.tip.ToolTip', {
target: column.titleEl.dom,
html: column.text,
autoDestroy: true
});
column.tooltip = tip;
} else {
//Remove when title visible
if (column.tooltip!=null)
column.tooltip.destroy();
}
}
}
}
推荐阅读
- sql-server - 创建可访问 SQL 文件表的文件夹
- c - 如何使用 CLI 连接到远程 DB2 LUW 数据库?
- r - tinytex::tlmgr() 无法从 ctan 初始化
- python - 如何根据分数生成一个包含两个学生姓名的元组列表?
- c# - C# Win7 和 Win2019 将文本转换为图像会产生模糊,不清晰
- flutter - 如何将多张图片保存到 Flutter 中的 Shared_Preferences?
- android - 在 Android 设备和模拟器上执行 Flutter 应用程序期间出现永久异常
- anychart - 阻止调用 static.anychart.com 和 logo.png 加载
- javascript - Firebase 存储上传多个文件并一次获取它们的下载 URL
- python - Photutils/IRAF Starfinder:给出总数