2

ユーザーが asp ボタンをクリックしたときにモーダル ポップアップを表示したい。ユーザーは、パネルのオプションを選択する必要があります。選択したオプションの値を入力隠しに保存し、asp.net ボタンでPostBackを実行する必要があります。

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

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

4

3 に答える 3

9

ポストバックを使用して 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 の Hide 関数を呼び出します。

Modal1.Hide();

このメソッドを使用して、GridView で選択した内容に基づいてデータベースから取得した詳細データを表示するモーダルを表示します。

于 2009-05-22T14:22:33.040 に答える
2

Button または LinkBut​​ton を追加する

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

DropDownList でオプションを保持する Panel を追加します

<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;
}
于 2009-05-22T06:34:36.253 に答える
1

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

jQuery UI のダイアログが ASP.NET で機能しない

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

于 2010-02-25T20:18:44.203 に答える