asp.net-mvc-3 - 如何使用 ASP.Net MVC3 在 webgrid 中隐藏隐藏字段的列？

Question

我将如何隐藏应该隐藏的列。我通过隐藏对象来处理这个问题，但该列仍然在 UI 中显示为一个细列，行中没有任何内容。有没有办法防止项目被绘制？

grid.Column(null, null, format: @<input type="hidden" name="RevisionId" value="@item.LatestRevisionId"/>)

谢谢。

Answer 1

WebGrid 帮助器允许您使用 style 将 CSS 类应用于单个列。属性(property)。不幸的是，这将允许您将列隐藏在 tbody 中。部分，您不能对列标题应用不同的样式。您可以将相同的样式应用于所有列，这使其变得毫无用处。所以一种可能性是使用 CSS:

table th:first-child, table td:first-child {
    display: none;
}

这假设您想隐藏第一列并且客户端浏览器支持 :first-child 伪选择器，旧浏览器可能不是这种情况。

因此，如果您需要支持旧版浏览器，您可以使用 jQuery 将隐藏样式应用于标题和第一列的行，或者直接隐藏它们:

$(function () {
    $('table th:first-child, table td:first-child').hide();
});

如果您想拥有更多控制权，我建议您查看 MvcContrib Grid或 Telerik Grid .