嘗試使示例工作：如何在ModalPopup中使用ASP.NET AJAX UpdatePanel？

Question

我發現這篇文章可以幫助我解決我目前遇到的問題。 問題是我正在努力讓它發揮作用。 文章是如何在ModalPopup中使用ASP.NET AJAX UpdatePanel

所以我創建了一個更簡單的例子，但問題是Label lblText沒有被更新（它仍然是這個標簽 ），即使代碼隱藏正在執行，因為它遇到了斷點。 所以任何幫助都表示贊賞。

所以這是標記：

<form id="form1" runat="server"> 
<asp:ScriptManager ID="ScriptManager1" runat="server"> 
</asp:ScriptManager> 
<div> 
    <asp:UpdatePanel ID="udpOutterUpdatePanel" runat="server"> 
         <ContentTemplate> 
            <div id="divControlContainer" runat="server">
                <asp:LinkButton ID="lbtnRed" runat="server"  onclick="lbtnRed_Click">Red</asp:LinkButton>
             </div> 
            <input id="dummy" type="button" style="display: none" runat="server" />
            <ajaxToolkit:ModalPopupExtender runat="server" 
                    ID="mpeThePopup" 
                    TargetControlID="dummy" 
                    PopupControlID="pnlModalPopUpPanel" /> 
             <asp:Panel ID="pnlModalPopUpPanel" runat="server" style="border: 2px solid black; position:absolute; width:600px; height: 520px; display:none">
                <asp:UpdatePanel ID="udpInnerUpdatePanel" runat="Server" UpdateMode="Conditional"> 
                    <ContentTemplate> 
                        <p> 
                            <asp:DropDownList ID="ddlProducts" runat="server"></asp:DropDownList>                                
                            &nbsp; 
                            <asp:Button ID="btnChooseProduct" runat="server" Text="Choose" onclick="btnChooseProduct_Click"/> 
                            &nbsp; 
                            <asp:Button ID="btnCancelModalPopup" runat="server" Text="Cancel" /> 
                        </P> 
                        <div style="width: 200px; border: 1px solid red">
                            <asp:Label ID="lblText" Text="this is the label" ForeColor="Black" runat="server"></asp:Label><br /> 
                        </div>
                    </ContentTemplate>       
                    <Triggers> 
                        <asp:AsyncPostBackTrigger ControlID="btnChooseProduct" EventName="Click" /> 
                    </Triggers> 
                </asp:UpdatePanel> 
             </asp:Panel> 
        </ContentTemplate> 
    </asp:UpdatePanel> 
</div> 
</form> 

代碼隱藏：

protected void btnChooseProduct_Click(object sender, EventArgs e)
{
    lblText.Text = "You have selected " + ddlProducts.SelectedItem.Text;
    //Show ModalPopup 
    mpeThePopup.Show(); 
}

protected void lbtnRed_Click(object sender, EventArgs e)
{
    ddlProducts.Items.Clear();

    //Populate DropDownList Items 
    ddlProducts.Items.Add(new ListItem("Red Balloon", "Red Balloon"));
    ddlProducts.Items.Add(new ListItem("Red Apple", "Red Apple"));
    ddlProducts.Items.Add(new ListItem("Red Shirt", "Red Shirt"));
    ddlProducts.Items.Add(new ListItem("Red Watch", "Red Watch"));
    mpeThePopup.Show();

} 

Answer 1

問題是我在VS 2010中引用了AJAX Control Toolkit 3.5。我剛剛刪除了該引用，下載並安裝了AjaxControlToolkit.dll 4.0，現在一切正常。

謝謝。