无刷新实现页面跳转
2010-11-03 10:16
253 查看
利用微软的ajax控件,实现无刷新的页面跳转。要实现整个页面跳转,大家用的最多可能是利用框架,我要的是的web用户控件。将一个PlaceHolder放在UpdatePanel中,作为更新的内容。有一个菜单控件切换界面。并将会传事件定义为菜单控件的单击事件
<asp:Menu ID="Menu1" runat="server" OnMenuItemClick="Menu1_MenuItemClick" Orientation="Horizontal" BackColor="#B5C7DE" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" StaticSubMenuIndent="10px">
<Items>
<asp:MenuItem Text="Page1" Value="Page1"></asp:MenuItem>
<asp:MenuItem Text="Page2" Value="Page2"></asp:MenuItem>
<asp:MenuItem Text="Page3" Value="Page3"></asp:MenuItem>
</Items>
</asp:Menu>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Menu1" EventName="MenuItemClick" />
</Triggers>
</asp:UpdatePanel>
在后台代码中出来菜单项单击事件,动态创建用户控件,并添加到占位控件PlaceHolder中
protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
{
PlaceHolder1.Controls.Clear();
switch (e.Item.Value)
{
case "Page1":
PlaceHolder1.Controls.Add(Page.LoadControl("UserControl1.ascx"));
break;
case "Page2":
PlaceHolder1.Controls.Add(Page.LoadControl("UserControl2.ascx"));
break;
case "Page3":
PlaceHolder1.Controls.Add(Page.LoadControl("UserControl3.ascx"));
break;
}
}
<asp:Menu ID="Menu1" runat="server" OnMenuItemClick="Menu1_MenuItemClick" Orientation="Horizontal" BackColor="#B5C7DE" DynamicHorizontalOffset="2" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" StaticSubMenuIndent="10px">
<Items>
<asp:MenuItem Text="Page1" Value="Page1"></asp:MenuItem>
<asp:MenuItem Text="Page2" Value="Page2"></asp:MenuItem>
<asp:MenuItem Text="Page3" Value="Page3"></asp:MenuItem>
</Items>
</asp:Menu>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Menu1" EventName="MenuItemClick" />
</Triggers>
</asp:UpdatePanel>
在后台代码中出来菜单项单击事件,动态创建用户控件,并添加到占位控件PlaceHolder中
protected void Menu1_MenuItemClick(object sender, MenuEventArgs e)
{
PlaceHolder1.Controls.Clear();
switch (e.Item.Value)
{
case "Page1":
PlaceHolder1.Controls.Add(Page.LoadControl("UserControl1.ascx"));
break;
case "Page2":
PlaceHolder1.Controls.Add(Page.LoadControl("UserControl2.ascx"));
break;
case "Page3":
PlaceHolder1.Controls.Add(Page.LoadControl("UserControl3.ascx"));
break;
}
}
相关文章推荐
- window.location.reload();页面实现跳转和刷新
- angular实现页面跳转,并且刷新页面(重新请求后台接口)
- 深入体验JavaWeb开发内幕之Response对象操作实例之通过Response实现重定向和刷新跳转并跳转页面
- 怎样实现页面跳转和刷新
- window.location.reload();页面实现跳转和刷新
- HTML meta refresh实现自动HTML刷新页面和跳转页
- 使用无刷新技术,去请求该失效Session的页面,实现跳转到重新登陆页面。
- 黄聪:PHP如何实现延迟一定时间后自动刷新当前页面、自动跳转header("refresh:1;url={$url}");
- 利用HTML5的History API实现无刷新跳转页面初探
- 利用用户控件实现无刷新的页面跳转
- 基于H5 pushState实现无跳转页面刷新
- js实现HTML自动刷新页面和跳转(重定向)
- window.location.reload();页面实现跳转和刷新
- PHP中实现页面刷新或跳转的方法
- js 实现返回上一页和刷新等页面跳转功能
- 让链接在指定的iframe中跳转显示,实现链接内容不刷新父页面显示到iframe中
- java servlet 几种页面跳转的方法,需要的朋友可以参考一下 在访问网页的过程中,页面自动刷新、跳转和重定向是经常用到的,这里就说说在Java中是如何实现这些功能的! 一、页面自动刷新
- 使用pushState实现微信“返回”按钮控制单页应用页面的无刷新跳转
- js实现页面刷新和跳转(指定时间)
- js方式实现页面跳转或刷新