设置Repeater隐藏某列 (转)

最新推荐文章于 2016-04-15 15:37:27 发布

转载最新推荐文章于 2016-04-15 15:37:27 发布 · 224 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wordjack/archive/2010/09/16/1827947.html

文章标签：

#数据库 #ui #javascript #ViewUI

本文介绍两种在网页中通过JavaScript隐藏或显示表格特定列的方法。一种是在客户端使用JavaScript操作DOM元素实现，另一种是在服务端通过ASP.NET控制HtmlTableCell的Visible属性来完成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：

设置Repeater隐藏某列
JS 前台就可以实现呀。
<input type="button" onclick="fun()"/>
Repeater 生成的table id 是 ‘table1’

funciton fun()
{
var tb = doucment.getElementById("table1");
var len = tb.rows.length;
var i = 0;
for(i;i <len;i++)
{
tb.rows[i].cells[1].setAttribute("display","none");
}
}

就OK了假设隐藏的是第2列即 tb.rows[i].cells[1]；

2.private void rptMain_ItemDataBound(object sender, System.Web.UI.WebControls.RepeaterItemEventArgs e)
{
if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
if(!this.CB_bd.Checked)
{
HtmlTableCell cell = (HtmlTableCell)e.Item.FindControl( "tdBeforeDateValue ");

if(cell != null)
{
cell.Visible = false;
}
}
}

}

3.把 <td> 改成 <td id= "hiddenTD " runat= "server " visible= ' <%# this.ShowTD %> '>

方法二：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 显示隐藏列 </TITLE>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>