ASP.NET AJAX Control Toolkit: Zeigen Sie ein Modalpopup an und machen Sie dann Postback aus

Question

Ich möchte ein modales Popup anzeigen, wenn ein Benutzer auf eine ASP -Schaltfläche klickt. Der Benutzer muss eine Option eines Panels auswählen. Der Wert der ausgewählten Option muss in einem versteckten Eingang und dann auf der Taste ASP.NET gespeichert werden muss tun a Postback.

Kann ich das machen?

Vielen Dank!

Answer 1

Schließlich habe ich mich entschlossen, JQuery zu verwenden, um ein Modalpopup zu zeigen. Die folgende Frage hat die Antwort auf diese Frage:

JQuery UIs Dialog funktioniert nicht auf ASP.NET

Wenn Sie nicht einverstanden sind, sagen Sie es mir.

Answer 2

Es ist möglich, dass ein ModalpopUpextender mit einem Postback angezeigt wird. Sie benötigen eine unsichtbare Zielkontrolle. Der Extender ist an diese versteckte Steuerung gebunden.

<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" />

In Ihrem Nachrichtenhandler in Code-Behind zeigen Sie dem ModalPopUpextender:

Modal1.Show();

Und in dem Code, mit dem Sie das Modal entlassen, rufen Sie die Funktion "ModalPopUpUpextender" auf:

Modal1.Hide();

Ich verwende diese Methode, um ein Modal anzuzeigen, in dem detaillierte Daten angezeigt werden, die ich aus einer Datenbank abrufe, basierend auf dem, was in einer GridView ausgewählt wurde.

Answer 3

Fügen Sie Ihre Schaltfläche oder Linkbutton hinzu

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

Fügen Sie ein Panel hinzu, um Ihre Optionen mit einer DropdownList zu halten

<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>

Fügen Sie Ihren ModelPopupextender hinzu

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

Fügen Sie dann Ihren Code zur SaveBtn -Schaltfläche hinzu

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