asp.net-mvc-3 - 列上的 Mvc3 webgrid 条件语句

Question

我有一个 webgrid，我想在其中对我将拥有的列数据放置一个条件语句？

有可能吗？如果可以，你能举个例子吗？

编辑

只是一个片段

grid.Column("Status","Status",canSort: true)

如果状态的值是“正确的”，我想显示图像而不是文本。

Answer 1

一个不那么乏味且更易读的代码（仅在一年半之后）。

var columnsToAdd = new List<WebGridColumn>();
///here add yout collumns according to conditions

@grid.GetHtml(columns: columnsToAdd.ToArray())

Answer 2

资源

在检查条件时，我隐藏了我的两列密码和电子邮件地址。通过这样做，我可以阻止我的 webgrid 显示我不想在特定条件下显示的列。

var grid = new WebGrid(Model.User)

if(myConditionCanGoInHere) {

@grid.GetHtml(columns: grid.Columns(

grid.Column("Name"),
grid.Column("Password"),
grid.Column("EmailAddress") ))

}
else{

@grid.GetHtml(columns: grid.Columns(

grid.Column("Name")
// Here I have not included Password and EmailAddress columns.

))

}

这是您想隐藏整个列的时候，但是如果您想显示该列并仅隐藏特定值怎么办，那么在这种情况下该怎么办？这也可以做到，你可以有一个 if else 条件，如下所示……</p>

@grid.GetHtml(
    columns: grid.Columns(
        grid.Column(header: "Edit", format: item => item.CanEdit ? Html.ActionLink("Edit","Edit","Person",new {id = item.PersonId},null) : Html.Raw("uneditable")),

        grid.Column(columnName: "CanEdit", header: "Editable?"),
        grid.Column(columnName: "DisplayName", header: "Display Name"),
        grid.Column(columnName: "Email", header: "Email")
    )
)

Answer 3

如果我正确理解了您的问题，您可能希望在您的视图中添加“if”语句。就像是：

@{
    var option1 = true;
    var option2 = false;
}
@if(option1){
    <div id="grid1">
        @grid.GetHtml(
            tableStyle: "grid",
            headerStyle: "head",
            alternatingRowStyle: "alt",
            columns: grid.Columns(
                grid.Column("firstColumn"),
                grid.Column("secondColumn")
            )
        )
    </div>
} else if (option2) {
    <div id="grid2">
        @grid.GetHtml(
            tableStyle: "grid",
            headerStyle: "head",
            alternatingRowStyle: "alt",
            columns: grid.Columns(
                grid.Column("firstColumn"),
                grid.Column("secondColumn"),
                grid.Column("thirdColumn")
            )
        )
    </div>
} else {
    <div id="grid3">
        No grid
    </div>
}