javascript - 如何在 C# 代码中使用 jQuerydialog() 而不是confirm()？

Question

我是一名前端开发人员，对 C# 没有进一步的了解，所以请原谅我可能愚蠢的问题。我目前正在尝试使用 jQuery UI 对话框来替换常见的 JavaScript 警报()和确认()框。到目前为止，这在前端工作得很好，但现在我在一个 C# 页面中发现了这个代码片段，我不知道将其从confirm() 切换到 jQuerydialog() 的最佳方法是什么。有什么想法吗？

string delCode = "javascript:"
     + "if ( confirm(\'Are you sure you wish to delete this?\')){ "
     + this.Page.ClientScript.GetPostBackEventReference(this, string.Empty)
     + ";} else { return false; }";

编辑: 经过一番尝试后，我发现，如果不添加 OnClientClick 属性来防止单击按钮时回发，它将无法工作。如何从后面的代码中添加此属性？ btnDelete.Attributes.Add("OnClientClick","foo"); 对我不起作用。解决这个问题的正确方法是什么？

这就是我想要的，到目前为止它只是简单的 JS(您可以在 Fiddle 中的 HTML 内容上方看到按钮的 C# 代码片段作为注释): https://jsfiddle.net/SchweizerSchoggi/xts01hrx/16/

Answer 1

遗憾的是，要将 JavaScript 从服务器推送到 Web 表单内的客户端，您需要利用必须实现的当前代码。通常，为了避免过多的回发问题，我会强制服务器端控件(例如 LinkBut​​ton)禁用表单提交。

<asp:LinkButton id="lbExample" runat="server" OnClientClick="launch(); return false;" Text="Launch Dialog" />

<script type="text/javascript">
     function launch() {
          $('[data-rel="Example-Modal"]').dialog({
               // Dialog logic.
          }
     }
</script>

这样，它的工作方式将更像网页或单页应用程序中的传统 JavaScript。官方文档基于上面的代码，正确的额外功能可以参见here 。正如您上面所指出的，动态添加的唯一选择:

ClientScript.RegisterOnSubmitStatement(this.GetType(), "ConfirmSubmit", jQuery); 

您只需以编程方式创建按钮或从后面的代码中找到页面中的按钮即可。我将使用 create 来向您展示我的意思:

public void Page_Load(...)
{
     var lb = new LinkButton();
     lb.OnClientClick = "launch();"
}