Как использовать Sweet Alert для замены стандартного диалогового окна подтверждения?

Question

Я хочу заменить стандартный диалог подтверждения. Моя функция javascript находится в MasterPage.

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 TemplateField?

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

Просьба помочь.

Answer 1

Поскольку javascript доступен на главной странице, он также доступен на текущей странице (если используется тот же мастер). Измените событие OnClientClick, как показано ниже, и это должно работать.

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

Update

Это то, что я сделал, чтобы имитировать ваш проект.

• создал проект нового веб-приложения
• Добавлен скрипт сладкий оповещения, CSS файлы в Сценарии папку
• Добавлена ​​ссылка как HTML, прежде чем </head>

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

• Добавлена ​​функция javascript, аналогичная w шляпу вы дали в мастер-файле, прежде чем </body>
• В коде default.aspx добавлены строки ниже

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

Это показывает сладкий предупреждение правильно.