JavaScript 隐藏多个 GridView 行
javascript hide multiple gridview rows
DropDownList items
a
b
c
网格视图
X | B | C | D | E
a | 1 | 2 | 3 | 4
b | 2 | 2 | 2 | 2
c | 3 | 3 | 3 | 3
当DropDownList.SelectedItem
= a
隐藏GridView.Rows
= b
& c
当DropDownList.SelectedItem
= b
隐藏GridView.Rows
= a
& c
等等
有人知道在客户端执行此操作的 JavaScript 吗?
假设下拉列表的 id 是alpha
并且网格视图tbl
,您可以这样做:
$(document).ready(function(){
$("#alpha").change(function(){
var selVal = $(this).find(":selected").text();
var rows = $("#tbl tr:gt(0)");
if (selVal == "ALL") {
$("#tbl tr").show();
}
else {
var rowToShow = rows.find("td:eq(0)").filter(":contains(" + selVal + ")").closest("tr");
rows.show().not( rowToShow ).hide();
}
});
});
这是 JS BIN 中的一个例子
在下面共享一个子伪代码:
Array listFromGridView = [a,b,c];
// get parent dropdownbox and save for future reference
var drop=$("#dropdownBoxID);
drop.bind('click',function(e){
// get all element in an array
Array tempList= listFromGridView;
// remove the element which was clicked
// $(this) = the dropdownbox, $(this).val() = selected value
tempList.remove( $(this).val() );
// iterate and hide rows
foreach( element el in tempListView)
// code for hide goes here
});
// Done :-)
相关文章:
- ExtJS 5用程序点击actioncolumn gridview
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 显示5秒后隐藏潜水
- 在不使用JQuery的情况下隐藏DOM中的选定元素
- 剑道UI内联编辑:如何在点击其他按钮时隐藏按钮
- 浮动页脚栏-使用Bootstrap隐藏
- 在jquery中为显示/隐藏设置cookie
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 从var向代码隐藏函数传递值
- Image赢得't隐藏在滚动jQuery上
- 具有rowGrouping的数据表无法隐藏列
- Jquery隐藏未触发
- 在javascript中隐藏gridview列时遇到问题
- 选择GridView的一行时如何显示隐藏列数据
- 如何隐藏&&使用Javascript显示GridView标题元素的行
- (c# - GridView)在代码后面的LinkButton_Click上打开隐藏的FileUpload对话框
- 单击复选框显示/隐藏GridView列,导致GridView分页问题
- 如何在代码隐藏中对动态创建的gridview进行排序
- 访问gridview控件中的隐藏字段,在javascript中设置一个值
- JavaScript 隐藏多个 GridView 行