Как получить имя кнопки удаления из таблицы данных для модального подтверждения удаления

Question

Я пытаюсь сделать модальное всплывающее окно (используя Bootstrap), чтобы подтвердить удаление строки в этой таблице данных.

Как мне вызвать функцию удаления в этой таблице данных, чтобы я мог сказать своему модальное всплывающее окно для подтверждения удаления?

Я не уверен, имеет ли это смысл, но я надеюсь, что здесь достаточно go.

$(document).ready(function () {
  $('#Test1').DataTable({
    "processing": true,
    "serverSide": true,
    "ajax": {
      url: "@Url.Action("LoadData", "Test1")",
      type: 'POST'
    },
    "columns": [
      {"data": 'Test2'},
      {"data": 'Test3'},
      {"data": 'Test4'},
      {"data": 'Test5'},
      {"data": 'Test6'},
      {"data": 'Test7'},
      {"data": 'Actions',
       "render": function(data, type, row, meta) {
         return "<a href = '@Url.Action("Edit", "Test1")?companyId=" + row.CompanyID + "&profileId=" + row.ProfileID + "&clientId=" + row.ClientID+ "' title = \"Edit\"><i class='icon-edit fa fa-pencil fa-fw fa-lg'></i></a>" +
           "<a href='@Url.Action("Copy", "CopyTest1")?companyId=" + row.CompanyID + "&profileId=" + row.ProfileID + "&clientId=" + row.ClientID+ "' title=\"Duplicate\"><i class='icon-replicate fa fa-clipboard fa-fw fa-lg'></i></a>" +
             "<a href='@Url.Action("Delete", "Test1")?companyId=" + row.CompanyID + "&profileId=" + row.ProfileID + "&clientId=" + row.ClientID+ "' title=\"Delete\"><i class='icon-red fa fa-times fa-lg fa-fw'></i></a>" ;
       }
      }
    ],
    "columnDefs": [ {
      "targets": [-1],
      "orderable": false,
      "searchable": false
    } ]

  });
  console.log("ready to work");
});

Answer 1

Или вы можете использовать JavaScript Window confirm() Method.

$(document).ready(function () {
    $('#Test1').DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": {
            url: "@Url.Action("LoadData", "Test1")",
            type: 'POST'
        },
        "columns": [
            {"data": 'Test2'},
            {"data": 'Test3'},
            {"data": 'Test4'},
            {"data": 'Test5'},
            {"data": 'Test6'},
            {"data": 'Test7'},
            {"data": 'Actions',
                "render": function(data, type, row, meta) {
                    return "<a href = '@Url.Action("Edit", "Test1")?companyId=" + row.CompanyID + "&profileId=" + row.ProfileID + "&clientId=" + row.ClientID+ "' title = \"Edit\"><i class='icon-edit fa fa-pencil fa-fw fa-lg'></i></a>" +
                        "<a href='@Url.Action("Copy", "CopyTest1")?companyId=" + row.CompanyID + "&profileId=" + row.ProfileID + "&clientId=" + row.ClientID+ "' title=\"Duplicate\"><i class='icon-replicate fa fa-clipboard fa-fw fa-lg'></i></a>" +
                        "<a href='@Url.Action("Delete", "Test1")?companyId=" + row.CompanyID + "&profileId=" + row.ProfileID + "&clientId=" + row.ClientID+ "' title=\"Delete\" onclick=\"return ConfirmDelete()\"><i class='icon-red fa fa-times fa-lg fa-fw'></i></a>" ;
                }
            }
        ],
        "columnDefs": [ {
            "targets": [-1],
            "orderable": false,
            "searchable": false
        } ]

    });
    console.log("ready to work");

    function ConfirmDelete() {
        if (confirm('Are you sure to delete this?')) {
            return true;
        }
        else {
            return false;
        }
    }
});