Telerik网格和大单元

Question

我有ASP.NET MVC Telerik网格的问题。 在我的网格中，我有评论栏和一些栏包含太大的文字。 这会影响行高。我需要所有的行都有相同的高度。 如何减少文字？我试图添加HTML缩写，但它不起作用。

祝福保罗。

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

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