0

我正在使用 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 ?

4

1 回答 1

0

您可以尝试动态使用 jQuery addClass() 方法吗，例如，隐藏 DIV 元素，

jQuery

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

CSS

.divcls{display:none;}

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

于 2013-06-28T09:33:44.993 回答