关于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>的前提是updatemodelUpdateMode="Always"

 

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

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

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

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

</script>

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

你可能感兴趣的:(JavaScript,iframe,asp.net,asp,button,triggers)