剣道グリッド要素のコンテンツが部分的にしか表示されていないときにツールチップを表示したい。剣道グリッドの要素のツールチップの表示を制御できません。
この問題が議論されているのを見ましたが、問題を見つけることができません。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 が要素のコンテンツに応じて変化することを予期していたのに、不思議なことにそうであるということです。
これはどのように可能であり、何が間違っていますか?
よろしく
お願いします
マルコ