asp.net-mvc-3 - Asp.net MVC3 操作 WebGrid 行

Question

var grid = new WebGrid(source: Model, ...);

grid.Column("IsValid", "IsValid", format: (item) => (item.IsValid) ? 
    ? Html.Raw("< src='../../Content//' />")
    : Html.Raw("< src='../../' />"), style: "testStyle"),

grid.Column(header: "Delete", format: 
    @<text>
        <a href="@Url.Action("Delete", "TestInfo", new { id = item.id })" onclick="javascript:return ConfirmDelete();">
            <img src="../../Content/images/image.png" alt="" style="border:none;" />
        </a>
    </text>, style: "testStyle")

使用此代码，我的删除按钮出现在 Webgrid 的每一行上。与第一列一样，我试图实现相同的逻辑 (item) => (item.IsValid) 当且仅当 item.IsValid 时显示删除按钮图像是真的。

你能建议我怎样才能做到这一点吗

Answer 1

我有这样的工作，如果当前记录没有被其他人锁定，用户可以将其作为文本框进行编辑。

 grid.Column("Volume", "Monthly Vol", format: @<text>@if ((bool)TempData["CanEdit"])
                                                     {
                                                          <input type="text" title="@item.Volume" value="@item.Volume" /> 
                                                     }
                                                     else
                                                     {
        @( item.Volume.ToString())} </text>)

所以我认为它适用于你的

 grid.Column(header: "Delete", format: @<text>@if (item.IsValid)
                                                     {
                                                          <a href="@Url.Action("Delete", "TestInfo", new { id = item.id })" onclick="javascript:return ConfirmDelete();">
        <img src="../../Content/images/image.png" alt="" style="border:none;" />
                                                     }
                                                     else
                                                     {
<span style="display:none"></span>
} </text>)