2017-02-14 6 views
0

Возможно ли иметь анимированный текст загрузки/вращение во время загрузки данных в мои Datatables также для моих столбцов Delete, можно ли отображать подтверждение всплывающих окон?Datatable ajax Удалить подтверждение всплывающее и загружающее сообщение

$(document).ready(function() { 
      $('#ProvTable').DataTable({ 
      "ajax": { 
       "url": "/Users/Prov", 
       "type": "Get", 
       "data": { "idUser": "@userid", "idCity": "@cityId" }, 
       "datatype": "json" 

      }, 

      "columns": [ 
       { "data": "Id", "visible": false, "searchable": false }, 
       { "data": "Name", "autowidth": true }, 
       { "data": "City", "autowidth": true }, 
       { "data": "UID", "autowidth": true }, 
       { 
        "title": "Delete", 
        "data": "Id", 
        "searchable": false, 
        "sortable": false, 
        "render": function (data, type, full, meta) { 
         return '<a href="@Url.Action("Delete", "Users")?id=' + data + '" class="editUser"><span class="glyphicon glyphicon-trash btn-sm btn-danger"></span></a>'; 
        } 
       }, 
      ] 


     }); 
+0

Да, вы можете отобразить всплывающее окно подтверждения для операции Удалить –

+0

Да, очевидно, возможное. Прочитайте [это сообщение SO] (http://stackoverflow.com/questions/1964839/how-can-i-create-a-please-wait-loading-animation-using-jquery), чтобы узнать, как создать загрузку анимации с помощью jQuery. Для всплывающего окна используйте [jQuery Dialog] (https://jqueryui.com/dialog/) – ViVi

ответ

0

Это, как вы показываете диалог подтверждения на базе данных

$(document).ready(function() { 
    var provTable=$('#ProvTable').DataTable({ 
     "ajax": { 
      "url": "/Users/Prov", 
      "type": "Get", 
      "data": { "idUser": "@userid", "idCity": "@cityId" }, 
      "datatype": "json" 

     }, 

     "columns": [ 
      { "data": "Id", "visible": false, "searchable": false }, 
      { "data": "Name", "autowidth": true }, 
      { "data": "City", "autowidth": true }, 
      { "data": "UID", "autowidth": true }, 
      { 
        data: null, 
        orderable: false, 
        className: "dt-center", 
        defaultContent: ' <a href="#" id=del>Delete</a>' 

      }, 
     ] 


    }); 

    $('#ProvTable tbody').on('click', 'tr td #del', function() { 
     var row = $(this).parents('tr')[0]; 
     var mydata = (provTable.row(row).data()); 
     var con=confirm("Are you sure you want to delet this "+ mydata["Id"]) 
    if(con){ 
      // Do Something 
    } 
    else 
     { 
     // Nothing to do here 
     } 
}); 

    }); 

Вы получите целые строки данных в MyData

Смежные вопросы