Question

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

最好的问候保罗。

Answer 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>";

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

Telerik网格和大型单元格

1 个答案: