Question

我正在使用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应该只显示所选列，其他列应该被隐藏。我可以做什么它使用jquery？

Answer 1

你可以动态地尝试使用jQuery addClass（）方法，例如隐藏DIV元素，

的jQuery

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

CSS

.divcls{display:none;}

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

jquery函数隐藏webgrid列

1 个答案: