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

我發現這篇文章可以幫我解決我目前遇到的問題。問題是，我很難嘗試使其工作。這篇文章是How to use ASP.NET AJAX UpdatePanel in ModalPopup 試圖做出工作示例：如何在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(); 

}

來源

2016-04-21 rbhat

我做了一個測試和它的工作給我，所以你有一些javascript錯誤，你可以找到：打開你的瀏覽器控制檯，看看有沒有錯誤。其他的方式，刪除臨時你的UpdatePanels，看看實際上是什麼錯誤... – Aristos

你使用了我發佈的確切代碼嗎？因爲我剛剛嘗試過使用Chrome和IE11，並且'lblText'在點擊'btnChooseProduct'後不會改變。 – rbhat

是的，我使用該代碼，因爲它錯過了一些JavaScript的源代碼，我怎樣才能使它工作。按照我所說的，打開控制檯，查看錯誤。 – Aristos

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

謝謝。

來源

2016-04-21 20:50:15 rbhat

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

回答

相關問題