jquery函数隐藏webgrid列答案

【问题标题】：jquery function to Hide webgrid columnjquery函数隐藏webgrid列
【发布时间】：2013-06-28 08:55:48
【问题描述】：

我正在使用 asp .net MVC3 悬停选定的列。页面中有一个网格、多选列表框和一个按钮。我正在使用以下 webgrid 来显示表格。

  @{
var grid = new WebGrid(Model.oTravelReadyEntities, canPage: true, rowsPerPage: 3);
grid.Pager(WebGridPagerModes.NextPrevious);
@grid.GetHtml(tableStyle:"WebGrid",
headerStyle:"Header",
alternatingRowStyle:"alt",
columns:grid.Columns(
grid.Column("Var_AssoId", "Var_AssoId", canSort: true, format: @<b>@item.Var_AssoId</b>,style:"Number"),
grid.Column("Var_AssociateName", "Var_AssociateName"),
grid.Column("Var_Grade", "Var_Grade"),
grid.Column("Char_VirtualPool", "Char_VirtualPool"),
grid.Column("Var_VirtualPoolCatagory", "Var_VirtualPoolCatagory"),
grid.Column("Char_VisaUtilization", "Char_VisaUtilization"),
grid.Column("Var_SupervisorId", "Var_SupervisorId"),
grid.Column("Var_SupervisorName", "Var_SupervisorName"),
grid.Column("Var_Deparment", "Var_Deparment"),
grid.Column("Var_Vertical", "Var_Vertical"),
grid.Column("Var_AccountName", "Var_AccountName"),
grid.Column("Var_Project_Desc", "Var_Project_Desc")
));

}

在运行时，当我单击显示按钮时，在选择 ColumnNames 后，我将从位于 webgrid 下的多个列表框中选择列名，webgrid 应该只显示选定的列，其他列应该被隐藏。我该怎么做它使用 jquery 吗？

【问题讨论】：

标签： javascript jquery ajax asp.net-mvc razor

【解决方案1】：

你可以尝试使用 jQuery addClass() 方法，例如，隐藏一个 DIV 元素，

jQuery

$("button").click(function(){
    $("#notice").addClass("divcls");    
});

CSS

.divcls{display:none;}

小提琴 http://jsfiddle.net/ablealias/Xd6qM/

【讨论】：