【问题标题】:show kendo tooltip only when ellipsis is active仅当省略号处于活动状态时才显示剑道工具提示
【发布时间】:2014-01-09 17:39:09
【问题描述】:

我想在剑道网格元素的内容仅部分可见时显示工具提示。 我无法控制工具提示在剑道网格元素上的显示。
看到有人讨论过这个问题,但是找不到问题,好像是offsetWidth和scrollWidth的值。 省略号按预期在 css 中定义工作

.k-grid td {
    white-space: nowrap;
    text-overflow: ellipsis;
    table-layout: fixed;
}  

正如我在这个论坛上看到的,我使用一个函数来检测省略号,即

function isEllipsisActive(e) {
     return (e.offsetWidth < e.scrollWidth);
} 

我在 mouseenter 事件中将其称为

kendoGrid.tbody.on("mouseenter", "> tr > td", function (e) {    
    var target = e.target;    
    if (isEllipsisActive(target)) {    
        return target.outerText;    
    }    
    return false;    
});

问题是我得到了scrollWidth 和offsetWidth 相等,而我希望scrollWidth 会根据元素的内容而变化。
这怎么可能,我做错了什么?
感谢您的帮助
最好的问候

马可

【问题讨论】:

  • 你能解决这个问题吗?我也有同样的问题。

标签: kendo-grid ellipsis css kendo-tooltip


【解决方案1】:

Here is an example 仅当存在带有省略号的文本(单元格中部分可见)时如何显示工具提示,如果有全文可见或单元格中没有文本,则不显示工具提示。

【讨论】:

    猜你喜欢
    • 2013-10-08
    • 2011-07-25
    • 1970-01-01
    • 2015-03-16
    • 2019-10-28
    • 2015-08-03
    • 2017-01-10
    • 1970-01-01
    相关资源
    最近更新 更多