ASP.NET AJAX 控制工具包：显示 ModalPopup，然后执行 PostBack

Question

我想在用户单击 asp 按钮时显示模式弹出窗口。 用户必须选择面板的选项。 所选选项的值必须保存到隐藏的输入中，然后 asp.net 按钮必须执行回发。

我可以这样做吗？

谢谢你！

Answer 1

可以使用回发来显示 ModalPopupExtender。 您将需要一个不可见的目标控件。 扩展器连接到该隐藏控件。

<asp:Button runat="server" ID="btnShowModal" Text="Show" 
     OnClick="btnShowModal_Click" /> 
<asp:Button runat="server" ID="HiddenForModal" style="display: none" />
<ajaxToolKit:ModalPopupExtender ID="Modal1" runat="server" 
     TargetControlID="HiddenForModal" PopupControlID="PopupPanel" />

在代码隐藏的消息处理程序中，您将显示 ModalPopupExtender：

Modal1.Show();

在用于关闭模态的代码中，调用 ModalPopupExtender 的隐藏函数：

Modal1.Hide();

我使用此方法来显示模态，该模态显示我检索的详细数据基于 GridView 中选择的内容从数据库中获取。

Answer 2

添加您的 Button 或 LinkBut

<asp:Button ID="MyButton" Text="Click Here" runat="server" />

​​ton 添加一个面板以使用 DropDownList 保存您的选项

<asp:Panel ID="MyPanel" runat="server">
  <asp:DropDownList ID="MyDropDown" runat="server">
    <asp:ListItem Value="1" Text="Option 1" />
  </asp:DropDownList>
  <asp:Button ID="SaveBtn" Text="Save" OnClick="Save_Click" runat="server" />
  <asp:Button ID="CancelBtn" Text="Cancel" runat="server" />
</asp:Panel>

添加您的 ModelPopupExtender

<act:ModalPopupExtender ID="Mpe1" TargetControlID="MyButton"  
    CancelControlID="CancelBtn" PopupControlID="MyPanel" runat="server" />

然后将您的代码添加到 SaveBtn 按钮

public void SaveBtn_Click(object sender, EventArgs e) {
  string selectedOption = MyDropDown.SelectedValue;
} 

Answer 3

最后，我决定使用 jQuery 来显示 ModalPopUp。 以下问题有此问题的答案：

jQuery UI 的对话框不在 ASP.NET 上工作

如果您不同意，请告诉我。