asp 按钮不在用户控件更新面板中调用回发

Question

我在更新面板内的用户控件中有两个 asp 按钮。但是当我点击它们时 postback 没有完成（我有一个 java 脚本警报设置为 page_load 来告诉我何时发生 post back，例如，它当下拉列表选择改变时触发）。我不明白为什么按钮没有 post 返回。

我的用户控件，有问题的按钮是 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)
    {

    }
}

Answer 1

我相信您必须使用注册回发控件 ScriptManager.RegisterPostbackControl()

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

Answer 2

尝试像这样设置 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>

Answer 3

尝试为 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>

Answer 4

这是因为 asp 表单验证，没有回发（无论是否异步），因为表单无效。删除它使一切正常。

asp 按钮不在用户控件更新面板中调用回发

asp button doesn't invoke postback in usercontrol updatepanel

c#

asp.net

postback