ASP 按钮不调用用户控件更新面板中的回发



在更新面板内的用户控件中有两个asp按钮。但当我点击它们时,回发并没有完成(我有一个java脚本警报设置为page_load,告诉我何时发生回发,例如,当dropdownlist选择更改时,它会触发)。我不明白为什么按钮没有贴回去。

我的用户控制,有问题的按钮是createBtn和signinBtn。

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Login.ascx.cs" Inherits="TestApp2.Views.Login" %>
<asp:UpdatePanel ID="LoginMainUpdatePanel" runat="server" UpdateMode="Conditional" OnUnload="UpdatePanel_Unload">
    <ContentTemplate>
        <asp:TextBox ID="infoTB" runat="server" TextMode="MultiLine" />            
        <div>
            <div class="left-align" style="background-color:blue">
                <asp:button runat="server" id="createBtn" CssClass="btn btn-default" OnClick="createBtn_Click" Text="Create" /><br/>
                <asp:button runat="server" id="signinBtn" CssClass="btn btn-default" OnClick="signinBtn_Click" Text="Sign In" />
            </div>
            <!-- Login View -->
            <div id="loginView" runat="server" class="centre-form centering text-center" style="background-color:green">
                <h1>Login</h1>
                <asp:Label ID="info" runat="server" Text="" />
                <div class="form-group">
                    <label for="userIn">Username</label>
                    <asp:TextBox runat="server" id="userIn" CssClass="form-control" TextMode="SingleLine" />
                    <asp:RequiredFieldValidator runat="server" id="reqUser" controltovalidate="userIn" errormessage="Enter Username" />
                </div>
                <div class="form-group">
                    <label for="passwordIn">Password</label>
                    <asp:TextBox runat="server" id="passwordIn" CssClass="form-control" Text="Enter Password" TextMode="Password" />
                    <asp:RequiredFieldValidator runat="server" id="reqPass" controltovalidate="passwordIn" errormessage="Enter Password" />
                </div>
                <asp:Button runat="server" id="loginBtn" CssClass="btn btn-default" onclick="loginBtn_Click" text="Login" />
            </div>
            <!-- Create Account View -->
            <div id="createView" runat="server" class="centre-form centering text-center" style="background-color:green">
                <h1>Create</h1>
                <div class="form-horizontal">
                    <div class="form-group" style="background-color:yellow;">
                        <asp:TextBox runat="server" id="personalFName" CssClass="form-control" TextMode="SingleLine" />
                        <label class="control-label" for="personalFName">First Name</label>
                    </div>
                    <div class="form-group">
                        <asp:TextBox runat="server" id="personalLName" CssClass="form-control" TextMode="SingleLine" />
                        <label class="control-label" for="personalLName" >Last Name</label>
                    </div>
                    <div class="form-group">
                        <asp:DropDownList runat="server" id="selGender" CssClass="form-control">
                            <asp:ListItem Value="Male" Text="Male" />
                            <asp:ListItem Value="Female" Text="Female" />
                            <asp:ListItem Value="Other" Text="Other" />
                        </asp:DropDownList>
                        <label class="control-label" for="selGender">Gender</label>
                    </div>
                    <asp:UpdatePanel ID="dobUpdatePanel" runat="server" UpdateMode="Conditional" OnUnload="UpdatePanel_Unload">
                        <ContentTemplate>
                            <div class="form-group">
                                <asp:DropDownList runat="server" id="selYear" CssClass="form-control" OnSelectedIndexChanged="selYear_SelectedIndexChanged" AutoPostBack="true" />
                                <asp:DropDownList runat="server" id="selMonth" CssClass="form-control" OnSelectedIndexChanged="selMonth_SelectedIndexChanged"  AutoPostBack="true" />
                                <asp:DropDownList runat="server" id="selDay" CssClass="form-control"/>
                                <label class="control-label" for="selDay" >Date of Birth</label>
                            </div>
                        </COntentTemplate>
                    </asp:UpdatePanel>
                </div> 
            </div> 
        </div>
   </ContentTemplate>
</asp:UpdatePanel>

后面的代码也是

 public partial class Login : System.Web.UI.UserControl
{
    private DateMenu dobCtrl;
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Session[Paths.USERDETAILS] != null) Response.Redirect(Paths.USERCTRL_BASE + "Profile.ascx");
        else setDetails();
    }
    protected void loginBtn_Click(object sender, EventArgs e)
    {
        if (Page.IsValid)
        {
            String SOAPbdy = "<Username>" + userIn.Text + "</Username><Password>" + passwordIn.Text + "</Password>";
            HTTPRequest req = new HTTPRequest();
            String response = req.HttpSOAPRequest(SOAPbdy, "GetUser");
            infoTB.Text += response;
            String uIDs = (new XMLParse(response)).getElementText("UserID");
            int uID = 0;
            Int32.TryParse(uIDs, out uID);
            if (uID > 0)
            {
                Session["userDetails"] = response;
                info.Text = "Success";
            }
            else info.Text = "Login failed";
        }
    }
    private void setDetails() 
    {
        if (dobCtrl == null) dobCtrl = new DateMenu(selYear, selMonth, selDay);
        dobCtrl.setDateDropdown();
    }
    protected void UpdatePanel_Unload(object sender, EventArgs e)
    {
        MethodInfo methodInfo = typeof(ScriptManager).GetMethods(BindingFlags.NonPublic | BindingFlags.Instance)
            .Where(i => i.Name.Equals("System.Web.UI.IScriptManagerInternal.RegisterUpdatePanel")).First();
        methodInfo.Invoke(ScriptManager.GetCurrent(Page),
            new object[] { sender as UpdatePanel });
    }
    protected void selYear_SelectedIndexChanged(object sender, EventArgs e)
    {
        dobCtrl.fillDays();
    }
    protected void selMonth_SelectedIndexChanged(object sender, EventArgs e)
    {
        dobCtrl.fillDays();
    }
    protected void createBtn_Click(object sender, EventArgs e)
    {
        loginView.Visible = false;
    }
    protected void signinBtn_Click(object sender, EventArgs e)
    {
    }
}

我认为您必须使用ScriptManager.RegisterPostbackControl()

https://msdn.microsoft.com/en-us/library/system.web.ui.scriptmanager.registerpostbackcontrol%28v=vs.110%29.aspx

尝试设置UpdatePanel的触发器,如下所示:

<asp:UpdatePanel ID="LoginMainUpdatePanel" runat="server" UpdateMode="Conditional" OnUnload="UpdatePanel_Unload">
    <ContentTemplate>
        <asp:TextBox ID="infoTB" runat="server" TextMode="MultiLine" />            
        <div>
            <div class="left-align" style="background-color:blue">
                <asp:button runat="server" id="createBtn" CssClass="btn btn-default" OnClick="createBtn_Click" Text="Create" /><br/>
                <asp:button runat="server" id="signinBtn" CssClass="btn btn-default" OnClick="signinBtn_Click" Text="Sign In" />
            </div>
            [...]
        </div>
    </ContentTemplate>
    <Triggers>
        <asp:PostBackTrigger ControlID="createBtn" />
        <asp:PostBackTrigger ControlID="signinBtn" />
    </Triggers>
</asp:UpdatePanel>

尝试为UpdatePanel添加PostBackTriggers。

添加2个触发器,每个按钮一个。

<asp:UpdatePanel ID="myUpdatePanel" runat="server" UpdateMode="Conditional"ChildrenAsTriggers="false">
    <ContentTemplate>
      //Your Content
 </ContentTemplate>
    <Triggers>
      <asp:PostBackTrigger ControlID="createBtn" />
      <asp:PostBackTrigger ControlID="Signbtn" />
    </Triggers>
</asp:UpdatePanel>

这是因为asp表单验证,没有发生回发(异步或非异步),因为表单无效。删除它使一切正常。

最新更新