一个客户端刷新的例子

此博客为转载内容,转载自https://www.cnblogs.com/sadier/archive/2004/10/16/53093.html ,涉及JavaScript相关知识。
原理:用repeater控件,把所有内容都传递到客户端,设置style=display:none,然后通过操作按钮控制客户端脚本执行。


 <HEAD>
 ...
  <script language=javascript>
  function ShowAndHide(ctl)
  {
       var postid = ctl.btnstatus;
       var obj = document.getElementById("div"+postid);
       if (obj != null)
       {
            if (obj.style.display=="")
            {
                 obj.style.display = "none";
            }
            else
            {
                 obj.style.display = "";
            }
       }
  }
  </script>
 </HEAD>



    <asp:repeater id="RecentPosts" runat="server">
         <ItemTemplate>
         <input  type=Button ID="BtnContent" Runat = "server" onclick="javascript:ShowAndHide(this);" btnstatus='<%# DataBinder.Eval(((RepeaterItem)Container).DataItem,"PostID")%>' value = '<%# DataBinder.Eval(((RepeaterItem)Container).DataItem,"Title") %>' >

                <asp:Literal runat = "server"  Text ='<%# "<div id=div"+DataBinder.Eval(((RepeaterItem)Container).DataItem,"PostID").ToString() +" style=display:none >" + DataBinder.Eval(((RepeaterItem)Container).DataItem,"Text").ToString() + "</div>" %>' ID='DescriLit1'>
              </asp:Literal>
     </ItemTemplate>
    </asp:repeater>

这里借用了一个Button 本没有的一个属性btnstatus,因为试了一下ShowAndHide('<%# DataBinder.Eval(((RepeaterItem)Container).DataItem,"PostID")%>')说,服务器表识错误,就随便加了一个属性了。


转载于:https://www.cnblogs.com/sadier/archive/2004/10/16/53093.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值