利用用户控件实现无刷新的页面跳转
2007-07-07 23:25
561 查看
利用微软的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;
}
}
/Files/zhang3533/NoRefreshPage.rar
<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;
}
}
/Files/zhang3533/NoRefreshPage.rar
相关文章推荐
- ASP.NET利用AJAX Extensions控件实现页面的局部动态刷新
- 利用HTML5的History API实现无刷新跳转页面初探
- 利用事件委托实现用户控件中的行为触发所在页面的处理函数
- 利用IFRAME 让每个页面都继承菜单控 不是用户自定义控件来实现的
- dhl:asp.net mvc下用jQuery ajax方法实现无刷新分页(用户控件)& 整体页面无刷新(2010-11-13 add)
- 谈谈利用页面跳转和之前学习的页面制作(拖控件)能实现哪些内容?
- saucer(思归)解决的关于:页面A.aspx 动态载入用户自定义控件a.ascx,但a.ascx中的按钮提交后,不执行按钮的事件,而是直接刷新页面
- 利用poi实现页面上excel的导入和导出(不刷新页面)之导出
- 实现页面自动刷新,页面自动跳转,页面自动关闭
- 利用Ajax控件实现无刷新
- 验证码实现,点击控件不进行页面刷新可参考此文档
- Android 利用Zxing实现扫描二维码并跳转详情页面
- 在WebBrowser控件中实现自动登录并跳转到指定页面
- 利用jquery&iframe标签实现页面无跳转的表单文件上传
- 利用history对象实现地址栏更新,页面局部刷新
- vue.js中利用router进行跳转(子页面刷新404问题)
- WSS页面定制系列(4)--利用SmartForm和用户控件定制表单页面
- 静态页中利用AJAX.NET实现无刷新页面
- 在JSF页面利用Ajax实现局部刷新
- 静态页中利用AJAX.NET实现无刷新页面