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

发布时间：2020-12-16 06:46:37 所属栏目：asp.Net 来源：网络整理

导读：如何隐藏应从视图中隐藏的列.我通过隐藏对象来处理这个问题,但是该列仍然在UI中显示为一个瘦的列,行中没有任何内容.有没有办法阻止该项目被绘制？ grid.Column(null,null,format: @input type="hidden" name="RevisionId" value="@item.LatestRevisionId"/)

如何隐藏应从视图中隐藏的列.我通过隐藏对象来处理这个问题,但是该列仍然在UI中显示为一个瘦的列,行中没有任何内容.有没有办法阻止该项目被绘制？

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

谢谢.

解决方法

WebGrid助手允许您使用style属性将CSS类应用于各个列.不幸的是,虽然这将允许您隐藏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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!