试图做出工作示例：如何在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？

回答

相关问题