Question

我在隐藏一个ModalPopupExtender并在同一服务器端调用中显示另一个时遇到问题。

我的应用需要用户输入某些验证条件。这些条件按顺序进行评估，当某些条件为真时，它要求用户通过ModalPopupExtender窗口验证（单击是或否）。如果用户单击是，则评估应继续，如果另一个条件需要用户输入，则还应打开模式对话框 - 直到所有条件都通过。

如果只有一个条件需要输入，我没有问题，但如果多个条件需要输入，则只显示第一个模态，我无法弄清楚原因。在跟踪代码时，很明显第一个弹出窗口中的Hide（）被命中，第二个弹出窗口中的Show（）被命中，但第二个弹出窗口从未显示。

我试图通过极端简化来提取相关的代码块。这是一个非常复杂的项目，我可能错过了一些东西，但我希望它足以描述我的问题。

有问题的流程：

用户点击“继续” - ＆gt; DoContinue被称为 - ＆gt;设置条件标志 - ＆gt;显示第一个模态弹出窗口 - ＆gt;返回用户
用户点击“是” - ＆gt;调用条件1是单击处理程序（设置处理标志，隐藏模态弹出窗口） - ＆gt;致电DoContinue-＆gt;重新评估条件标志 - ＆gt;尝试显示第二个模态弹出窗口 - ＆gt;返回用户。

第一个弹出窗口消失但第二个弹出窗口从未显示过。

在同一个请求中第一个模态调用Hide（）时，只有一个问题是在第二个模式上调用Show（）。

MyContainerControl.ascx：

<%@ Control Language="C#" AutoEventWireup="true" Inherits="MyContainerControl" %>
 <input Type="Submit"
          id="btnContinue"
          Name="btnContinue"
          Value="Continue"
          OnServerClick="Continue_Click"
          runat="server"/>

<asp:UpdatePanel 
        ID="updateCondition1" 
        runat="server" 
        ChildrenAsTriggers="false" UpdateMode="Conditional">
    <ContentTemplate>
        <ajaxToolkit:ModalPopupExtender 
                    ID="modalCondition1" 
                    runat="server" 
                    BehaviorID="dlgCondition1"
                    TargetControlID="btnFakeInvokeModalCondition1" 
                    PopupControlID="divCondition1" 
                    BackgroundCssClass="modalBackground"
                    DropShadow="true" 
                    PopupDragHandleControlID="divDragCondition1"
                    RepositionMode="RepositionOnWindowResize" 
                    CancelControlID="btnCondition1No" />
        <input type="button" 
                        id="btnFakeInvokeModalCondition1" 
                        runat="server" 
                        style="display: none" />
        <div id="divCondition1" 
                runat="server" 
                class="modalPopup">
            <custom:Condition1Control id="condition1" runat="server" visible="false" />
            <div id="divDragCondition1"></div>
        </div>
    </ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel 
        ID="updateCondition2" 
        runat="server" 
        ChildrenAsTriggers="false" UpdateMode="Conditional">
    <ContentTemplate>
        <ajaxToolkit:ModalPopupExtender 
                    ID="modalCondition2" 
                    runat="server" 
                    BehaviorID="dlgCondition2"
                    TargetControlID="btnFakeInvokeModalCondition2" 
                    PopupControlID="divCondition2" 
                    BackgroundCssClass="modalBackground"
                    DropShadow="true" 
                    PopupDragHandleControlID="divDragCondition2"
                    RepositionMode="RepositionOnWindowResize" 
                    CancelControlID="btnCondition2No" />
        <input type="button" 
                        id="btnFakeInvokeModalCondition2" 
                        runat="server" 
                        style="display: none" />
        <div id="divCondition2" 
                runat="server" 
                class="modalPopup">
            <custom:Condition2Control id="condition2" runat="server" visible="false" />
            <div id="divDragCondition2"></div>
        </div>
    </ContentTemplate>
</asp:UpdatePanel>

MyContainerControl.cs：

public class MyContainerControl : System.Web.UI.UserControl
{
    protected HtmlInputImage btnContinue;

    //Condition1
    protected AjaxControlToolkit.ModalPopupExtender modalCondition1;
    protected UpdatePanel updateCondition1;
    protected HtmlGenericControl divCondition1;
    protected Condition1Control condition1;

    //Condition2
    protected AjaxControlToolkit.ModalPopupExtender modalCondition2;
    protected UpdatePanel updateCondition2;
    protected HtmlGenericControl divCondition2;
    protected Condition2Control condition2;        

    protected override void OnInit(EventArgs e)
    {
        base.OnInit(e);
        condition1.Condition1RaisedEvent += HandleCondition1Event;
        condition2.Condition2RaisedEvent += HandleCondition2Event;
        btnContinue.ServerClick += btnContinue_ServerClick;
    }

    protected void HandleCondition1Event(object sender, Condition1EventArgs e)
    {
        // use ship to store
        ViewState["Condition1Yes"] = true;
        ViewState["Condition1Value"] = e.Condition1Value;
        modalCondition1.Hide();
        DoContinue(sender);
    }

    protected void HandleCondition2Event(object sender, Condition2EventArgs e)
    {
        // use ship to store
        ViewState["Condition2Yes"] = true;
        ViewState["Condition2Value"] = e.Condition2Value;
        modalCondition2.Hide();
        DoContinue(sender);
    }

    protected void btnContinue_ServerClick(object sender, EventArgs e)
    {
        DoContinue(sender);
    }

    protected void DoContinue(object sender)
    {
        // test for conditions - just plug to true for demonstration

        bool throwCondition1 !(ViewState["Condition1Yes"] == null ? false : (bool)ViewState["Condition1Yes"])
        bool throwCondition2 = !(ViewState["Condition2Yes"] == null ? false : (bool)ViewState["Condition2Yes"])

        // analyze conditions

        if (throwCondition1)
        {
            var condition1Yes = ViewState["Condition1Yes"] == null ? false : (bool)ViewState["Condition1Yes"];
            if (!condition1Yes)
            {
                divCondition1.Visible = true;
                modalCondition1.Show();
                return;
            }
        }

        if (throwCondition2)
        {
            var condition2Yes = ViewState["Condition2Yes"] == null ? false : (bool)ViewState["Condition2Yes"];
            if (!condition2Yes)
            {
                divCondition2.Visible = true;
                modalCondition1.Show();
                return;
            }
        }

        // do other work
    }
}

Condition1UI.ascx - Condition2UI.ascx非常相似：

<%@ Control Language="C#" AutoEventWireup="true" Inherits="Condition1Control" %>
<div id="divCondition1Container" runat="server">        
    <input id="hdnCondition1Value" type="hidden" runat="server" value="<%# this.Condition1Value %>" />
    <asp:Panel ID="pnlCondition1UI" runat="server">
        <br />
        <h2>
            Warning!</h2>
        <hr />
        <br />
        <div>
            <p>Condition1 has been met.</p>
            <br />
            <br />
            <p>Would you like to continue?</p>
        </div>
        <br />
        <br />
    </asp:Panel>
    <div>
    <table>
        <tr>
            <td align="center">
                <asp:Button ID="btnCondition1Yes" runat="server" class="green" Text="Yes" style="padding: 3px 7px;" OnClick="DoCondition1YesClick" OnClientClick="$find('dlgCondition1').hide();" />
            </td>
            <td align="center">
                <button id="btnCondition1No" class="red">No</button>
            </td>
        </tr>
    </table>
      <br />
    </div>
    <br />
</div>

Condition1Control.cs - Condition2Control.cs几乎相同：

public class Condition1EventArgs : EventArgs
{
    public string Condition1Value { get; set; }
}

public class Condition1Control : System.Web.UI.UserControl
{
    public HtmlInputHidden Condition1Value;

    public event EventHandler<Condition1EventArgs> Condition1RaisedEvent;

    protected virtual void RaiseCondition1Event(Condition1EventArgs e)
    {
        EventHandler<Condition1EventArgs> handler = Condition1RaisedEvent;

        if (handler == null)
        {
            return;
        }

        handler(this, e);
    }

    public void DoCondition1ButtonYesClick(object sender, EventArgs e)
    {
        RaiseCondition1Event(new Condition1EventArgs{
            Condition1Value = Condition1Value.Value
        });
    }
}

Answer 1

将UpdatePanel的UpdateMode属性更改为“Always”，或者不要忘记调用UpdatePanel的“Update”方法，因为从另一个UpdatePanel触发回发，您要更新哪个UI。因此，请尝试在代码中的modalCondition2.Show方法之后添加updateCondition2.Update方法调用。

无法从服务器端代码依次执行关闭/打开ASP.Net Ajax ModalPopupExtenders

1 个答案: