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

たとえば、DIV 要素を非表示にするために、その場で jQuery addClass() メソッドを使用してみてください。

jQuery

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

CSS

.divcls{display:none;}

フィドル用 http://jsfiddle.net/ablealias/Xd6qM/

于 2013-06-28T09:33:44.993 に答える