2

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

马可

4

1 回答 1

2

这是一个示例,说明如何仅在存在带有省略号的文本(在单元格中部分可见)时显​​示工具提示,并且如果有全文可见或单元格中没有文本,则不显示工具提示。

于 2014-01-25T01:18:40.743 回答