且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)

更新时间:2022-08-14 21:35:13

最近研究Ajax,突然想起有些网站有局部刷新的登陆效果,而Ajax提供了ModalPopup,刚好有类似效果。 因为登陆要调用后台cs页面中的部分功能,所以,结合UpdatePanel实现了这一功能。不知道谁还有更好的实现方式,欢迎共享。 我的源码:SupLogin.rar

Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)

Aspx页面主要代码:

 1Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    <!-- the update controls -->
 2Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
 3Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        <ContentTemplate>
 4Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)            Welcome back:
 5Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)            <asp:Label runat="server" ID="lbWelcome" Text="Label" CssClass="RedAlert"></asp:Label>
 6Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        </ContentTemplate>
 7Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        <Triggers>
 8Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)            <asp:AsyncPostBackTrigger ControlID="btnOK" EventName="Click" />
 9Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)            <asp:AsyncPostBackTrigger ControlID="btnLogout" EventName="Click" />
10Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        </Triggers>
11Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    </asp:UpdatePanel>
12Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    
13Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    <%-- The login panel--%>
14Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    <asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: none"
15Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        Width="200px">
16Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        User:
17Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        <asp:TextBox ID="txtAlias" runat="server" BackColor="transparent" Text="Jack"></asp:TextBox><br />
18Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        Pwd:
19Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        <asp:TextBox ID="TextBox1" runat="server" BackColor="transparent"></asp:TextBox><br />
20Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        <hr />
21Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        <asp:Button ID="btnOK" runat="server" Text="OK" Width="80px" OnClick="btnOK_Click" ValidationGroup="Login" />&nbsp;
22Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        <asp:Button ID="btnCancel" runat="server" Text="Cancel" Width="80px" CausesValidation="False" />
23Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    </asp:Panel>
24Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    <br />
25Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    
26Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    <%--login and logout panel--%>
27Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    <asp:Button ID="btnLogin" runat="server" Text="login" /><asp:Button ID="btnLogout"
28Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        runat="server" Text="Logout" OnClick="btnLogout_Click" />
29Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        
30Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    <AjaxControl:ModalPopupExtender ID="ModalPopupExtender1" runat="server" 
31Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        TargetControlID="btnLogin"
32Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        PopupControlID="Panel1" 
33Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        CancelControlID="btnCancel"
34Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        BackgroundCssClass="modalBackground">
35Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    </AjaxControl:ModalPopupExtender>

CS文件中主要代码:
 1Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务) protected void Page_Load(object sender, EventArgs e)
 2Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    {
 3Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        lbWelcome.Text = UserName;
 4Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    }

 5Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    protected void btnOK_Click(object sender, EventArgs e)
 6Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    {
 7Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        this.UserName = txtAlias.Text;
 8Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        lbWelcome.Text = this.UserName;
 9Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        this.ModalPopupExtender1.Hide();
10Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    }

11Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    private string UserName
12Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    {
13Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        get
14Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        {
15Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)            if (Session["ModalPopup_Users"== null || string.IsNullOrEmpty(Session["ModalPopup_Users"].ToString()))
16Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)                return "Anonymous";
17Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)            else
18Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)                return Session["ModalPopup_Users"].ToString();
19Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        }

20Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        set
21Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        {
22Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)            Session["ModalPopup_Users"= value;
23Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        }

24Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    }

25Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    protected void btnLogout_Click(object sender, EventArgs e)
26Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    {
27Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        UserName = "Anonymous";
28Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)        lbWelcome.Text = this.UserName;
29Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)    }
本文转自Jack Niu博客园博客,原文链接:http://www.cnblogs.com/skywind/archive/2007/09/24/904284.html,如需转载请自行联系原作者