Telerik MVC Grid(Razor) - HeaderTemplate

时间:2012-02-13 14:32:51

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

我正在尝试在网格中使用图像列标题。它们看起来像那些卡通气球之一。但它是一个3部分的图像:

  1. 左(固定)
  2. 中(扩展到适合)
  3. 右(固定)
  4. 使用HeaderTemplate,我能够直观地使用它。

    我的问题是,如果我没有使用HeaderTemplate,我仍然想要那里的链接。

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

    感谢所有回复。

1 个答案:

答案 0 :(得分:0)

原来,为了实现我想要的目标,我必须删除中心<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))

请注意,列宽始终比为链接指定的宽度大45px(在我的情况下,您的列宽可能会略有不同)。