通过样式控制设置Repeater隐藏指定的列

最新推荐文章于 2017-06-05 16:48:00 发布

微笑书生

最新推荐文章于 2017-06-05 16:48:00 发布

阅读量3.6k

点赞数

分类专栏：源代码文章标签： table border button javascript input server

本文链接：https://blog.csdn.net/Robin022/article/details/7627998

版权

源代码专栏收录该内容

26 篇文章 1 订阅

订阅专栏

根据一个字段值来动态控制某个对象是否显示，

<asp:Repeater ID="RptInfo" runat="server" >

</HeaderTemplate>

<tr>

<td width="17%" ><a href='frmTXWJSHAdd.aspx?fid=<%#DataBinder.Eval(Container.DataItem,"FID")%>' target="mainFrame"><img border="0" height="31" src="../images/sh_an.gif" style="margin-left: 5px;" width="93" style="display:<%# Eval("FState").ToString().Equals("4")?"none":"block" %>"/></a></td>

</tr>

</table>

</td>

</tr>

</ItemTemplate>

</table>

</FooterTemplate>

</asp:Repeater>

下面两种是我从网上搜索到的，有可取之处，希望使用到的时候能够拿来主义呵呵

方法二：

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

</SCRIPT>
</HEAD>

效果图：

方法三：

设置Repeater隐藏某列
JS 前台就可以实现呀。
<input type="button" οnclick="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 %> '>