【问题标题】:ASP.NET Dialog Box SuggestionsASP.NET 对话框建议
【发布时间】:2011-11-29 20:24:26
【问题描述】:

我一直在研究 ASP.NET 中对话框的使用。基于 Web 的应用程序似乎与我在 Windows 应用程序中使用的对话框大不相同。

我有一个带有自己的提交按钮和代码的 ASP.NET 表单。在该提交按钮的事件处理程序中,在其其他代码中,我想要一个模式对话框来询问用户其他信息并返回执行提交按钮的其余代码。问题是如何做到这一点。

JQueryUI 对话框模式表单是我看过的一个选项。我只是想知道在对话框消失后如何继续执行 ASP.NET 表单的提交按钮代码。另外,我必须考虑服务器端/客户端编码之间的区别。

非常感谢任何想法/建议。

注意:我使用 VS2003 和 .Net 1.1 对此进行编码

【问题讨论】:

  • 仅供参考,这是 ASP.NET,而不是 ASP。另外,也许是时候更新了?你说的是八岁的孩子,unsupported software 现在时态。

标签: c# javascript jquery asp.net jquery-ui


【解决方案1】:

查看我对下面链接问题的回答,我使用隐藏的asp:button 表示callback

ASP.NET with jQuery popup dialog: how to post back on dialog closing

标记:

<span onclick='showjQueryUIDialogOkBtnCallback("<%= btnHidden.ClientID%>","<%= yourModalDialog.ClientID%>", "OK", true, 600,600)'>show dialog</span>

<div id="yourModalDialog" runat="server">
     your modal dialog div
</div>

<asp:button id="btnHidden" style="display:none" runat="server" onclick="btnHidden_Click"/>

脚本:

 function showjQueryUIDialogOkBtnCallback(buttonToClick, dialogSelector, buttonTxt, isModal, width, height) 
 {
       var buttonOpts = {};
       buttonOpts[buttonTxt] = function () {
           $("#" + buttonToClick).trigger('click');
       };

       buttonOpts['Cancel'] = function () {
           $(this).dialog("close");
           $(this).dialog('destroy'); 
       }

       $(dialogSelector).dialog({
           resizable: false,
           height: height,
           width: width,
           modal: isModal,
           open: function (type, data) {
               $(this).parent().appendTo("form"); //won't postback unless within the form tag
           },
           buttons: buttonOpts

       });

       $(dialogSelector).dialog('open');

  }

【讨论】:

  • 谢谢。我仍在决定我的方法,但你的回答真的很好。
【解决方案2】:

我认为您最好使用Modal Popup available in the AJAX Control ToolKit。它将允许您基本上处理弹出窗口,就好像它是表单的一部分(本质上是这样)。

【讨论】:

  • +1 我也在想同样的事情。 MSDN 上还有一个客户端 javascript 参考。
  • 我真的很想,但我用 VS2003 和 .Net 1.1 编码,它不允许 Ajax ToolKit。我会用这个重要信息更新我的问题。
  • -1 感谢您提供帮助,但这不适用于 .NET 1.1。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-12-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多