剃刀视图：使用三个点缩小文本并使用工具提示显示全文

Question

如果长度大于限制，我有以下代码在字符串末尾显示点。但我也希望在悬停时显示带有全文的工具提示。我不知道如何将其实现为剃刀视图元素。

@(item.Data.Title.Length > 10 ? item.Data.Title.Substring(0, 10) + "..." : item.Data.Title)

Answer 1

您可以通过jquery和bootstrap实现工具提示，如下所示。

Jsfiddle示例：https://jsfiddle.net/z4upto60/

<强> CSHTML：

<div> 
    <a data-toggle="tooltip" title="@item.Data.Title">
        @(item.Data.Title.Length > 10 ? item.Data.Title.Substring(0, 10) + "..." : item.Data.Title)
    </a>
</div>

<强> jquery的：

if('@item.Data.Title.Length' > 10)
{
   $('a[data-toggle="tooltip"]').tooltip({
      animated: 'fade',
      placement: 'bottom',
   });
}