Telerik 网格和大单元格答案

【问题标题】：Telerik grid and large cellsTelerik 网格和大单元格
【发布时间】：2012-01-19 13:20:54
【问题描述】：

我对 ASP.NET MVC Telerik Grid 有疑问。在我的网格中，我有评论列，有些列包含太大的文本。这会影响行高。我需要所有行都具有相同的高度。我怎样才能减少文字？我尝试添加 HTML abbr，但它不起作用。

最好的问候保罗。

【问题讨论】：

【解决方案1】：

使用custom formatting可以检查你的文本长度，如果文本长度大于某个数字，你可以使用子字符串来限制长度。例如，如果您的评论栏名为“评论”，您可以这样做：

Html.Telerik().Grid(Model)
.Name("MyGrid")
.CellAction(cell => 
  {
    if (cell.Column.Title != null)
    {
      if (cell.Column.Title.Equals("Comment"))
      {
        if (cell.DataItem.Comment.Length > 25)
        {
          cell.Text = cell.DataItem.Comment.Substring(0, 25) + "...";
        }
      }
    }
  });

更新您询问是否显示完整的评论。我不知道 Telerik 控件内置的简单方法，但您可以使用 css 来完成。我正在使用来自kollermedia.at 的 css 代码，但是如果您想要不同的样式，有很多 css 工具提示示例。

在你的 css 中，输入如下内容：

/* tooltip */
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

然后将视图中的行更改为：

cell.Text = "<a class=\"tooltip\" href=\"#\">" + cell.DataItem.Comment.Substring(0, 25) + "<span>" + cell.DataItem.Name + "</span></a>";

当您将鼠标悬停在缩短的文本上时，完整的文本会显示在工具提示中。

【讨论】：

谢谢你这么匹配，这将是有用的。更多问题如何显示截断的评论（可能会弹出）？
@Paul，我更新了答案以回答您在 cmets 中提出的问题。