在更新面板中使用 bootstrap-confirmation

Posted 2023-02-22

【中文标题】在更新面板中使用 bootstrap-confirmation

【英文标题】：Using bootstrap-confirmation into Update Panel

【发布时间】：2016-07-28 03:04:46

【问题描述】：

我有一个包含多列的 RadGrid，其中 1 列是删除列...看起来像这样

<telerik:GridTemplateColumn runat="server" HeaderText="Delete" HeaderStyle-Width="7%" UniqueName="Delete">
  <ItemTemplate>
    <asp:Button runat="server" CssClass="btn btn-success" data-toggle="confirmation" data-original-title="Are you sure you want to delete?" CommandName="Delete" Text="Delete"></asp:Button>
  </ItemTemplate>
</telerik:GridTemplateColumn>

我把 data-toggle="confirmation" 放在按钮上，它做了我期望做的事情，但是在部分回发之后，它停止工作，问题出在更新面板上，如果我让它完成回发它按我想要的方式工作，但是对于异步回发它不想

那么有人可以帮我解决这个问题吗？

【问题讨论】：

你的初始化javascript代码在哪里？

我使用 Metronic 主题的默认 boostrap-confirmation,js 代码...我刚刚将它添加到我的项目中...完整代码在这里：heypasteit.com/clip/2KJP

【参考方案1】：

下面的演示展示了如何通过添加几行 JS 来使用 RadConfirm：http://demos.telerik.com/aspnet-ajax/window/examples/confirmserverclicks/defaultcs.aspx

以下是最相关的 sn-ps：

                <asp:Button ID="Button1" Text="Button" runat="server" OnClick="Button1_Click" OnClientClick="confirmAspButton(this); return false;">
                </asp:Button>

和 JS

function confirmAspButton(button) 
    function aspButtonCallbackFn(arg) 
        if (arg) 
            __doPostBack(button.name, "");
        
    
    radconfirm("Are you sure you want to postback?", aspButtonCallbackFn, 330, 180, null, "Confirm");

【讨论】：

不是我想要实现的目标，但这工作正常，我可以解决...谢谢

很高兴它成功了。我知道这并不完全是您所要求的，但它很容易且足够接近，所以我还是建议了。也许您也可以将您的实现发布给其他有类似情况的人？

我对 Radgrid 之外的所有按钮都使用了 boostrap...对于 radgrid 按钮，我做了一个 radwindow 确认，它看起来比我想做的更好