Telerik MVC Grid (Razor) - HeaderTemplate答案

【问题标题】：Telerik MVC Grid (Razor) - HeaderTemplateTelerik MVC Grid (Razor) - HeaderTemplate
【发布时间】：2012-02-13 14:32:51
【问题描述】：

我正在尝试在我的网格中添加图像列标题。它们有点像那些卡通气球之一。但这是一个 3 部分图像：

左（固定）
中间（展开以适应）
右（固定）

使用 HeaderTemplate，我可以直观地看到它。

我的问题是，如果我不使用 HeaderTemplate，我仍然想要那个链接。

Telerik Grid API 中是否有一个 Grid 对象可以生成我可以使用的标题链接（并维护排序等）？

感谢所有回复。

【问题讨论】：

你试过很多jquery plugins吗？
我看不到 jQuery 插件如何为我提供生成的列标题链接。
如果我是“为代表而盗版”，我会将该评论作为答案。 :) 我只是建议替代方案...
啊，我明白了。 ;-) 从 Telerik 那里得到了有关如何解决此问题的回复，如果可行，我会在此处标记它。谢谢！

标签： asp.net-mvc-3 razor telerik-grid telerik-mvc

【解决方案1】：

事实证明，为了达到我想要的效果，我必须删除中心 <div> 并直接将样式应用到 <a> 链接。一旦我这样做了，它就完美地工作了。

所以标题模板在我下面的列之一的代码中（VB.Net）：

.Columns(Function(column) column.Bound(Function(cartItem) cartItem.Quantity).
                         Sortable(False).
                         Filterable(False).
                         HeaderTemplate(String.Format("<div class=""{0}""></div><a href=""#"" class=""t-link {1}"" style=""{2}"">{3}</a><div class=""{4}""></div>",
                                                     "gridHeaderLeft",
                                                     "gridHeaderCenter",
                                                     "width: 30px !important;",
                                                     "Qty.",
                                                     "gridHeaderRight")).
                         HtmlAttributes(New With {.style = "text-align:center;"}).
                         Width(75))

请注意，列宽总是比为链接指定的宽度大 45 像素（在我的情况下，您的可能会有所不同）。

【讨论】：