0

私は .NET で Web フォーム アプリケーションを開発していますが、フロント エンドよりもバック エンド プログラミングに精通しています。それぞれ独自のイベントを持つ 3 つの画像ボタンによって実行される、アプリケーションを使用してユーザーからのエクスペリエンスを表示して収集するためのポップアップ ウィンドウが必要です。

この目的のために、必要なポップアップのように見えるように変更した CSS ベースのモーダル ウィンドウを見つけました。このための html は次のとおりです。

<a href="#test" class="btn btn-big">Modal!</a>
<a href="#" runat="server" id="test" class="modal" aria-hidden="true"></a> 
<div runat="server" id="dia" class="modal-dialog">
<h3>How was your experience?</h3>
<div class="modal-body">
<asp:ImageButton ID="ImageButton1" imageURL="~/resources/smileyface.png" runat="server" Width="75" Height="75" />    
<asp:ImageButton ID="ImageButton2" imageURL="~/resources/neutralface.png" runat="server" Width="75" Height="75" />
<asp:ImageButton ID="ImageButton3" imageURL="~/resources/sadface.png" runat="server" Width="75" Height="75" />
</div>
</div>

これにより、Modal (最初はタグ) という名前のボタンが生成され、CSS で指定された素敵なトランジションでウィンドウが開きます。

コードビハインドからポップアップを表示できるようにしたい。何かのようなもの

popup.Visible=true;

そして、3 つの画像ボタンの OnClick イベントをキャッチできるようにします。

誰かが私を正しい方向に向けることができますか? 前もって感謝します。

4

1 に答える 1

0

例としてjquery UI Dialogを使用してアドバイスできます。

コードビハインドから呼び出すには、次を使用できます。

ClientScript.RegisterStartupScript(this.GetType(),"anyKey",
"$('#dialog').dialog();$('#dialog').parent().appendTo($('form:first'));",true);

OnClick イベントを機能させるには、これをフォームに追加することが重要です。

ダイアログ内で、imagebutton などの ASP サーバー側コントロールを宣言できます。

     <div id="dialog" title="My Dialog">
     <p>I Am a Dialog</p>
     <asp:ImageButton ID="imgbtn1" runat="server" OnClick="imgbtn1_Click" />
     </div>

OnClick イベントがキャッチされます。

于 2015-09-17T08:56:28.627 に答える