0

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

有可能吗?如果可以,你能举个例子吗?

编辑

只是一个片段

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

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

4

3 回答 3

1

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

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

@grid.GetHtml(columns: columnsToAdd.ToArray())
于 2014-03-14T09:07:45.447 回答
1

资源

在检查条件时,我隐藏了我的两列密码和电子邮件地址。通过这样做,我可以阻止我的 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")
    )
)
于 2012-11-02T18:20:26.330 回答
0

如果我正确理解了您的问题,您可能希望在您的视图中添加“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>
}
于 2012-11-02T18:02:39.660 回答