如何使用jQuery对话框打开用户控件作为弹出窗口

Question

我有Parts.aspx页面，
UserControl1.ascx，[它包含一个文本框和一个按钮1]
Add.ascx Controls [它包含一个文本框，button2，按钮3]
我在parts.aspx页面中添加了UserControl1.ascx。

现在当我点击button1 [usercontrol1.ascx]时，它应该像使用JQuery Dialog在页面顶部弹出Add.ascx一样打开。
在Add.ascx中，用户在文本框中输入注释并单击“提交”，此后它应关闭Add.ascx，并且在Add.ascx页面中输入的注释应出现在 readonly 的UserControl1.ascx文本框中。

Answer 1

您可以创建一个新页面（除了通过弹出窗口，从不导航到该页面），进行jQuery ajax调用以检索此页面，并将html结果推送到对话框的内容中。

Answer 2

创建一个新的aspx页面，在那里添加用户控件。

使用@ head页面下面的脚本

<script>

function ShowPopup()
{
   var answer = window.showModalDialog("mypage.aspx","","dialogWidth:500px;dialogHeight:300px;Center:yes");
}


 </script>

On the button or label click 

<asp:Control ... onClientClick="ShowPopup();"/>