仅当省略号处于活动状态时才显示kendo工具提示

时间:2014-01-09 17:39:10

标签: kendo-grid ellipsis css3 kendo-tooltip

我想在kendo网格元素的内容仅部分可见时显示工具提示。 我无法控制剑道网格元素上工具提示的显示。
我看到这个问题已经讨论过,但是我找不到问题,它似乎是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根据元素的内容而变化。
这怎么可能,我做错了什么? 谢谢你的帮助 最好的问候

Marco

1 个答案:

答案 0 :(得分:2)

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