Asp.net mvc 如何内联设置webgrid行样式

我正在使用WebGrid来显示项目列表，列表中的某些项目已禁用，因此我想在网格中将其变暗，为此，我必须将row类设置为变暗。如果项目被禁用，我不知道如何根据条件设置row类

这是我的示例代码

  var grid = new WebGrid(Model, canPage: true, rowsPerPage: 20);
                @grid.GetHtml(tableStyle: "grid",
                                rowStyle: "gridrow",
                                alternatingRowStyle: "gridrow_alternate",
                                mode: WebGridPagerModes.All,
                                numericLinksCount: 10,
                                columns: grid.Columns(
                                    grid.Column("Name", "Name", item => (item.LocationData[0].Name), canSort: true, style: "width:60%"),
                                    grid.Column("Url", "Url", canSort: true, style: "width:60%"),
                                    grid.Column("Edit", "", @<a href='../VenHome/Edit/@item.ID' ><img src='/content/icons/edit.png'
                                        alt='Edit' />
                                    </a>, style: "width:150px"),
                                    grid.Column("Delete", "", @<a href='#' id='Delete' itemId='@item.ID' title='@item.LocationData[0].Name'><img
                                        src='/content/icons/delete.png' alt='Delete' />
                                    </a>, style: "width:150px"),
                                    grid.Column("Details", "", @<a href="../VenHome/Details/@item.Id" title="Details">
                                        <img src="../../Content/Icons/Details.png" alt="Details" /></a>)
                                    ));

            }

var-grid=new-WebGrid（Model，canPage:true，rowsPerPage:20）；
@GetHtml（表样式：“网格”，
行样式：“网格行”，
alternatingRowStyle:“gridrow_Alternative”，
模式：WebGridPagerModes.All，
数字链接：10，
列：grid.columns(
grid.Column（“Name”，“Name”，item=>（item.LocationData[0].Name），canSort:true，style:“width:60%”，
grid.Column（“Url”、“Url”、canSort:true、style:width:60%”，
grid.Column（“编辑”和“，@”，样式：“宽度：150px”），
grid.Column（“Delete”，“”，@，样式：“宽度：150px”），
grid.Column（“详细信息”、“”、@）
));
}

我使用JQuery找到了这个问题的解决方案，我为网格列内部HTML添加了一个CSS类属性 这是前面添加了属性的代码

---

---

注意：如果项目被删除，则行显示为灰色

我正在禁用WebGrid中定义为列的链接，这对您也适用。当条件被禁用时，我将颜色设置为灰色，将onclick设置为返回false。否则，颜色为黑色，onclick返回true，如下所示：

@{
    bool enableLink = false;
    var link = "false";
    var color = "grey";
    if (enableLink) { link="true"; color="black"; }         
}

            <div>@grid.GetHtml( tableStyle: "grid",
              headerStyle: "head",
              alternatingRowStyle: "alt",
              columns: grid.Columns(                
              grid.Column(format: @<a href="http://www.whereverYouLinkTo.com" style="color:@color" onclick="return @link">Edit</a>), 
              grid.Column("FirstName", header:"First"),
              grid.Column("LastName", header:"Last")))

</div>

@{
bool enableLink=false；
var link=“false”；
var color=“灰色”；
if（enableLink）{link=“true”color=“black”}
}
@GetHtml（表样式：“网格”，
头型：“头”，
alternatingRowStyle:“alt”，
列：网格。列（
网格.列（格式：@），
grid.Column（“FirstName”，标题：“First”），
grid.Column（“LastName”，标题：“Last”））

我希望这有帮助

  grid.Column("Delete", "", @<a href='#' id='Delete' class="temp" removed="@item.Removed" itemId='@item.ID' title='@item.LocationData[0].Name'><img src='/content/icons/delete.png' alt='Delete'  /></a>, style: "width:150px"),

 $(".temp").each(function (index, element) {
            if (($(element).attr("removed")) == "False") {
                $(element).parent().parent().attr("class", "deleted");

                $(element).find("img").attr("src", "../../content/icons/deleted.png");
            }
        });

@{
    bool enableLink = false;
    var link = "false";
    var color = "grey";
    if (enableLink) { link="true"; color="black"; }         
}

            <div>@grid.GetHtml( tableStyle: "grid",
              headerStyle: "head",
              alternatingRowStyle: "alt",
              columns: grid.Columns(                
              grid.Column(format: @<a href="http://www.whereverYouLinkTo.com" style="color:@color" onclick="return @link">Edit</a>), 
              grid.Column("FirstName", header:"First"),
              grid.Column("LastName", header:"Last")))

</div>