2016-02-08 40 views
0

我想替换标准确认对话框。 我的javascript功能在MasterPage中。如何使用Sweet Alert替换标准确认对话框?

function checkDelete() { 
    swal({ 
    title: "Are you sure?", 
    text: "You will not be able to recover this imaginary file!", 
    type: "warning", 
    showCancelButton: true, 
    confirmButtonColor: "#DD6B55", 
    confirmButtonText: "Yes, delete it!", 
    closeOnConfirm: false 
    },function() { 
     swal("Deleted!", "Your imaginary file has been deleted.", "success"); 
    }); 
} 

我想打电话checkDelete功能在内容page.How我在gridview的模板列按钮使用甜警报?

<asp:TemplateField ItemStyle-Width="60" HeaderText="Delete">  
    <ItemTemplate>   
    <asp:LinkButton ID="lbDelete" Runat="server" OnClientClick=" return confirm('Are you sure?');" CommandName="Delete">Delete</asp:LinkButton>  
    </ItemTemplate> 
</asp:TemplateField> 
</Columns> 

请帮忙。

回答

1

由于JavaScript在母版页中可用,因此它在当前页面(如果使用相同的母版)中同样可用。更改OnClientClick事件,如下所示,这应该工作。

<asp:LinkButton ID="lbDelete" Runat="server" OnClientClick="checkDelete();" CommandName="Delete">Delete</asp:LinkButton> 

更新

这就是我所做的模拟项目。

  • 创建一个新的Web应用程序项目
  • 加甜警告脚本,在脚本css文件文件夹
  • 添加引用,如HTML之前</head>

<link rel="stylesheet" href="Scripts/sweetalert.css"> <script src="Scripts/sweetalert.min.js"></script>

  • 增加了与w相同的javascript功能你以前</body>
  • 主文件中给出在Default.aspx的代码添加帽子下面的线

<asp:LinkButton ID="lbDelete" Runat="server" OnClientClick="checkDelete();return false;" CommandName="Delete">Delete</asp:LinkButton>

这显示了甜蜜警报正常。

enter image description here

+0

我改变的OnClientClick = “checkDelete();”。但没有运行确认按钮 –

+0

你可以检查控制台看到任何错误,可能会有参考错误。 – Rajesh

+0

此外,请检查这些线程[链接](http://stackoverflow.com/questions/32164151/sweet-alert-continue-submitting-form-on-confirm?rq=1)和[另一个](http:// stackoverflow。 com/questions/33414259/response-from-sweet-alert-confirm-dialog?rq = 1)这是非常相似的 – Rajesh