【发布时间】: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