MVCContrib 网格 MVC 3 Razor .RowStart

Question

.RowStart 方法的示例遇到问题。

比较 2 种语法： http ://www.jeremyskinner.co.uk/2009/03/01/mvccontrib-grid-part-5-the-action-syntax/

在此

.RowStart(row => string.Format("<tr{0}>", row.IsAlternate ? "style=\"background-color:#CCDDCC\"" : ""))

row.IsAlternate 中抛出错误因为 row 不是 GridRow，它实际上是您的模型（以及行的数据项）。

第二种语法（ActionSyntax）：

.RowStart((p,row)  => {     
             if (row.IsAlternate) { %>
                   <tr style="background-color:#CCDDCC">
             <%  }  else  { %>
                 <tr>
             <% }
    }).Render(); %>

似乎没有转换为 Razor

.RowStart((x, row) => string.Format("<tr class='{0}'>", row.IsAlternate ? "grid-row" : "grid-row-alt"))

Passes，但不会发出任何行更改。

有人有这个工作吗？

Answer 1

我刚刚注意到 Html.Grid 为您添加了一些约定内容...

以下

Html.Grid(Model.Results).Attributes(@class => "grid")

鉴于class =“grid”的表中的 结果，
偶数行具有 class =“gridrow”，
和类=“gridrow_alternate”的奇数行

Answer 2

不确定这是否有帮助，但我最近一直在做的一件事是使用：

.RowAttributes(x => new Dictionary<string, object> { { "class", x.value == myValue ? "highlight" : "" } })

这允许我对属性的 css 值做很多事情。然后为了支持“斑马条纹”，我使用纯CSS（浏览器兼容性可能是一个问题，但它很优雅，只是不会在旧浏览器上呈现）看起来像

tr:nth-child(odd) {
background-color: #eee;}

给你对表格的很好的控制。有关选择器的更多信息 Sitepoint 子选择器

否则，您可以尝试 针对 mvccontib 的 Google 群组 Jeremy 通常很敏锐，会提供帮助。

希望这有帮助。