关于Asp.net网页局部刷新

今天要记录的是一篇关于局部刷新的,刚做网页的时候,每实现网页中的一个功能,都要刷新整个页面,感觉很烦人,严重影响了网站效率,而且整个网页刷新还会造成很多其他问题,所以就到网上查了些局部刷新的东西,并在做项目中使用了,挺好用的,也很简单,下面我就简单写两种用法:

1.这个做起来比较简单,主要依靠一个updatepanel控件就可以了,先添加一个SriptManager,然后添加一个UpdatePanel,然后在<ContentTemplate>标签中间放入要局部刷新的页面内容,以下是个例子:

<asp:ScriptManager ID="sm1" runat="server" />

        <asp:UpdatePanel ID="up1" runat="server" UpdateMode="Always">

        <ContentTemplate>

       

</ContentTemplate>

</asp:UpdatePanel>

如果有特殊需要,比如在局部刷新的页面里面有需要刷新整个页面的按钮什么的,就用到下面的东西了,比如Button1在局部刷新的页面里面,而按下它后需要刷新整个页面,则在</asp:UpdatePanel>之前加入如下代码即可:

<Triggers>

        <asp:PostBackTrigger ControlID="Button1" />

</Triggers>

这样按下Button1就会刷新整个页面,也可以是局部刷新页面外的控件执行局部刷新页面的功能,在<Triggers>之间换成如下代码就行了:

<asp:AsyncPostBackTrigger ControlID="Button1" />

但用<Triggers>的前提是updatemodel的UpdateMode="Always"

 

2.还有就是用iframe,在一个网页中定义一个iframe,在iframe中打开其他网页的链接。比如用iframe的src属性指定别的页面或者用一个链接的target属性指定为iframe的id。

在用iframe的时候,iframe中要显示的其他网页可能会有很多个,而这些网页的高度不一定都是相同的,这时候就需要用到自适应高度了,只需要在这些需要显示的网页中加入如下代码就可以了,这样页面显示就不会因为高度问题而显示不全:

<script language="javascript" type="text/javascript">

            parent.document.all("MainList").style.height = document.body.scrollHeight;

</script>

关于局部刷新的方法网上还有很多,大家可以到Baidu上Google一下,^_^

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值