`
coolerbaosi
  • 浏览: 727841 次
文章分类
社区版块
存档分类
最新评论

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

 
阅读更多

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

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

<HeaderTemplate>

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="about_bottom" >

</HeaderTemplate>

<ItemTemplate>

<tr>

<td><table border="0" cellpadding="0" cellspacing="0" width="100%" id="table1">

<tr class="about_pr">

<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>

<FooterTemplate>

</table>

</FooterTemplate>

</asp:Repeater>

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

方法二：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 显示隐藏列 </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function setHiddenCol(oTable,iCol)//Writed by QQ:190988779 at 2007-7-24 11:14:09
{
for (i=0;i < oTable.rows.length ; i++)
{
oTable.rows[i].cells[iCol].style.display = oTable.rows[i].cells[iCol].style.display=="none"?"block":"none";
}
}
function setHiddenRow(oTable,iRow)//Writed by QQ:190988779 at 2007-7-24 11:14:09
{
oTable.rows[iRow].style.display = oTable.rows[iRow].style.display == "none"?"block":"none";
}
//-->
</SCRIPT>
</HEAD>

<BODY>
<TABLE id="Table1" cellSpacing="1" cellPadding="1" border="1">

<TR> <TD width="20%">00</TD> <TD width="20%" bgcolor="#E3E3E3">01</TD> <TD width="20%">02</TD></TR>
<TR> <TD width="20%" bgcolor="red">10</TD> <TD width="20%" bgcolor="green">11</TD> <TD width="20%" bgcolor="red">12</TD></TR>
<TR> <TD width="20%">20</TD> <TD width="20%" bgcolor="#E3E3E3">21</TD> <TD width="20%">22</TD></TR>
</TABLE> </P>


<INPUT id="btnHiddenCol" type="button" value="显示/隐藏第2列" name="btnHiddenCol" onclick="setHiddenCol(document.getElementById('Table1'),1)">
<INPUT id="btnHiddenRow" type="button" value="显示/隐藏第2行" name="btnHiddenRow" onclick="setHiddenRow(document.getElementById('Table1'),1)">
</BODY>
</HTML>

效果图：



方法三：

设置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 %> '>

分享到：
| 快速阅读
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ASP.net技术内幕

    4.2 显示和隐藏内容 4.2.1 使用Visible和Enabled属性 4.2.2 使用Panel控件 4.2.3 模拟多页面表单 4.2.4 通过程序添加控件 4.2.5 将控件添加到页面 4.2.6 PlaceHolder控件 ...

    C#开发经验技巧宝典

    0431　通过Encoding的设置实现页面无乱码　237 0432　限制上传文件大小与时间　237 0433　配置验证级别　237 10.6　开发Web页其他功能　238 0434　如何使Pannel实现横向滚动纵向自动扩展　238 0435　属性...

    asp.net专家疑难解答200问源码

    124.如何动态的显示·隐藏DataGrid控件的某一列 125.如何实现DataGrid控件中DropDownList控件的绑定 126.如何在DataGrid控件中实现数据项的编辑、更新、取消 127.如何在DataGrid控件中删除最后一页的最后一记录 ...

    C#编程经验技巧宝典

    2 &lt;br&gt;0003　设置程序代码行序号　3 &lt;br&gt;0004　开发环境全屏显示　3 &lt;br&gt;0005　设置窗口的自动隐藏功能　3 &lt;br&gt;0006　根据需要创建所需解决方案　4 &lt;br&gt;0007　如何使用“验证的目标架构”功能　4 ...

    asp.net专家疑难解答200问

    如何动态的显示·隐藏DataGrid控件的某一列 125.如何实现DataGrid控件中DropDownList控件的绑定 126.如何在DataGrid控件中实现数据项的编辑、更新、取消 127.如何在DataGrid控件中删除最后一页的最后一...

    asp.net技术内幕(1)

    9.4.2 指定命令行为 9.4.3 获取表模式信息 9.5 小结 &lt;br&gt;第10章 将数据绑定到Web控件 &lt;br&gt;10.1 数据绑定概述 10.2 将服务器控件绑定到数据源 10.2.1 绑定到Repeater控件 10.2.2 ...

    asp.net技术内幕(2)

    9.4.2 指定命令行为 9.4.3 获取表模式信息 9.5 小结 &lt;br&gt;第10章 将数据绑定到Web控件 &lt;br&gt;10.1 数据绑定概述 10.2 将服务器控件绑定到数据源 10.2.1 绑定到Repeater控件 10.2.2 ...

    asp.net技术内幕(5)

    9.4.2 指定命令行为 9.4.3 获取表模式信息 9.5 小结 &lt;br&gt;第10章 将数据绑定到Web控件 &lt;br&gt;10.1 数据绑定概述 10.2 将服务器控件绑定到数据源 10.2.1 绑定到Repeater控件 10.2.2 ...

    asp.net技术内幕(4)

    9.4.2 指定命令行为 9.4.3 获取表模式信息 9.5 小结 &lt;br&gt;第10章 将数据绑定到Web控件 &lt;br&gt;10.1 数据绑定概述 10.2 将服务器控件绑定到数据源 10.2.1 绑定到Repeater控件 10.2.2 ...

    asp.net技术内幕(3)

    9.4.2 指定命令行为 9.4.3 获取表模式信息 9.5 小结 &lt;br&gt;第10章 将数据绑定到Web控件 &lt;br&gt;10.1 数据绑定概述 10.2 将服务器控件绑定到数据源 10.2.1 绑定到Repeater控件 10.2.2 ...

    Zoomla!逐浪CMS 3.9.6.rar

    32.增加:编辑器支持hidden隐藏元素，隐藏方法为在div\p\img\video等元素定义hidden,如：即可；33.增加:手机|微信下仿朋友圈多图片预览插件,并简化调用形式；34.修复:专题预览BUG；35.增加:html--&gt;PDF,HTML--&gt;...

    asp.net知识库

    DataGridView中如何在textbox列中限制输入。 ASP.NET 2.0构建动态导航的Web应用程序（TreeView和Menu ） 体验.net2.0的优雅（3） -- 为您的 SiteMap 添加 控制转发功能 GridView控件使用经验 ASP.NET 2.0：弃用 ...

    Zoomla!逐浪CMS2 x3.9.6.zip

    32、增加:编辑器支持hidden隐藏元素，隐藏方法为在div\p\img\video等元素定义hidden,如： 33、增加:手机|微信下仿朋友圈多图片预览插件,并简化调用形式 34、修复:专题预览BUG。 35、增加:html--&gt;PDF,HTML--&gt...

    断代、新生、创未来-Zoomla!逐浪CMS2 x3.9.6全面发布

    32、增加:编辑器支持hidden隐藏元素，隐藏方法为在div\p\img\video等元素定义hidden,如：即可。 33、增加:手机|微信下仿朋友圈多图片预览插件,并简化调用形式 34、修复:专题预览BUG。 35、增加:html--&gt;PDF,...

Magicbox
Global site tag (gtag.js) - Google Analytics