jquery - 使用 Jquery 删除 Gridview 行

Question

<asp:CommandField ShowDeleteButton="True" />

如何将一个简单的 jquery 方法链接到删除按钮，该按钮仅要求用户确认并返回(true 或 false)，如果用户确定要删除 gridview 中的记录？

Answer 1

您捕获该 GridView 的删除按钮，并添加确认。另外，请注意不要覆盖现有命令。

jQuery(document).ready(function() 
{
  // note: the `Delete` is case sensitive and is the title of the button
  var DeleteButtons = jQuery('#<%= GridViewName.ClientID %> :button[value=Delete]');
  DeleteButtons.each(function () {
    var onclick = jQuery(this).attr('onclick');
    jQuery(this).attr('onclick', null).click(function () {
        if (confirm("Delete this record? This action cannot be undone...")) {
            return onclick();
        }
        else
        {
            return false;
        }
    });
  });   
});   

如果将 GridView 放入 UpdatePanel 中，则需要使用 pageLoad() 进行更新(版本 4+)，如下所示:

function pageLoad()
{
      var DeleteButtons = jQuery('#<%= GridViewName.ClientID %> :button[value=Delete]');
      DeleteButtons.each(function () {
        var onclick = jQuery(this).attr('onclick');
        jQuery(this).attr('onclick', null).click(function () {
            if (confirm("Delete this record? This action cannot be undone...")) {
                return onclick();
            }
            else
            {
                return false;
            }
        });
      });   
}

pageLoad() 在页面加载时运行，但也在 UpdatePanel 的每次 ajax 更新时运行。