从模型属性向Webgrid列添加动态类

Question

我有一个Webgrid，其中有很多内容。 列之一是截止日期。 我需要根据条件更改每个条目的颜色。 根据条件，我在视图模型中添加了一个名为“ ColorCode”的颜色代码属性。 此颜色可以是“红色”，“黄色”或“绿色”。

我的DueDate列如下所示：

 taskgrid.Column("DueDate", "Due Date", style: "DueDate", canSort: true, format: (item) => item.DueDate.ToShortDateString()),

在这里，此对话的类别为“ DueDate”。 我想从“ item => item.ColorCode”中将其设为“ DueDate red”，“ DueDate yellow”或“ DueDate green”，即：

样式：“ DueDate” + item => item.ColorCode

Answer 1

WebGrid帮助器不支持此功能。 可能的解决方法是将样式应用于<td>而非内部的项目：

taskgrid.Column(
    "DueDate", 
    "Due Date", 
    canSort: true, 
    format: 
        @<text>
            <div class="DueDate @item.ColorCode">
                @item.DueDate.ToShortDateString()
            </div>
        </text>
),

其他必要的技巧包括使用JavaScript 将生成的类从内部<div>移至父类<td>如果绝对有必要将此类应用于<td> 。

Answer 2

上面的代码修改如下

taskgrid.Column("DueDate",header:"Due Date",format: @<text><div class="@((@item.Approved)?"reject-icon":"approve-icon")">@item.DueDate</div></text>)

Answer 3

请尝试以下操作：它对我有用。 我在类属性中使用了条件语句。

class= "@((item.Approved)?"reject-icon":"approve-icon")"