0

我正在.NET 中开发一个 Web 表单应用程序，但是我更精通后端编程而不是前端。我需要一个弹出窗口，用于显示和收集用户对应用程序的体验，由三个图像按钮完成，每个按钮都有自己的事件。

为此，我找到了一个基于 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;

并且能够捕捉到三个图片按钮的 OnClick 事件。

谁能指出我正确的方向？先感谢您。

4

1 回答 1

0

我可以以 jquery UI Dialog 为例给你一个建议：

要从后面的代码中调用它，您可以使用：

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

将其附加到表单以使 OnClick 事件正常工作很重要。

在您的 Dialog 中，您可以声明您的 asp 服务器端控件，例如您的 imagebutton。

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