ASP.NET AJAXコントロールツールキット：モダルポップアップを表示してから、ポストバックを実行します

Question

ユーザーがASPボタンをクリックすると、モーダルポップアップを表示したいと思います。ユーザーは、パネルのオプションを選択する必要があります。選択されたオプションの値は、hiddenとasp.netボタンに入力に保存する必要があります しなければならない a ポストバック.

それをしてもいいですか？

ありがとうございました！

Answer 1

最後に、JQueryを使用してModalPopupを表示することにしました。次の質問には、この質問に対する答えがあります。

jQuery UIのダイアログはASP.NETでは機能しません

同意しない場合は教えてください。

Answer 2

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

Code-Behindのメッセージハンドラーには、ModalPopupExtenderが表示されます。

Modal1.Show();

そして、モーダルを却下するために使用しているコードでは、ModalPopupextenderの非表示関数を呼び出します。

Modal1.Hide();

この方法を使用して、GridViewで選択したものに基づいてデータベースから取得する詳細なデータを表示するモーダルを表示します。

Answer 3

ボタンまたはリンクボタンを追加します

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

パネルを追加して、ドロップダウンリストでオプションを保持します

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