更新jQueryのDataTableの行

Question

を削除した後、私は、テーブル（役割）からのDataTableその表示データを持っていると私は、行を削除するには、AJAX呼び出しを使用します。

function OnDeleteClick(el) 
    { 
     //var url = ($(this).attr('href')); 
     //alert(url); 
     //var employeeId = event.getAttribute(id); //e.target.id 
     //var url = ($(this).attr('id'));  
     var id = $(el).attr('id');  
     var roleid = getURLParameter(id, 'id');   
     var username = getURLParameter(id, 'name');   
     var flag = confirm('You are about to delete Role ' + username + ' permanently.Are you sure you want to delete this record?'); 

     if (flag) { 
      $.ajax({ 
       url: '/Role/DeleteAJAX', 
       type: 'POST', 
       data: { roleId: roleid }, 
       dataType: 'json', 
       //success: function (result) { alert(result); $("#" + Name).parent().parent().remove(); }, 
       success: function (result) { 
        alert(result); 
       }, 
       error: function() { alert('Error!'); } 
      }); 
     } 
     return false; 
    } 

私の質問はjqueryのデータテーブルを更新する方法です削除が成功すると、削除された行もデータテーブルから削除されますか？以下は

私は私のjQueryのDataTableを構築するために使用するコードです：あなたの助けのための

<div class="row" > 
    <fieldset class="col-md-10 col-md-offset-1" > 
     <legend>Liste des rôles </legend> 
     <div class="table-responsive" style="overflow-x: hidden;"> 
      <table width="98%" class="table table-bordered table-hover" id="dataTables-example"> 
       <thead> 
        <tr> 
         <th>Designation Role</th> 
         <th></th> 
        </tr> 
       </thead> 
       <tbody> 
        @foreach (var item in Model) 
        { 
         <tr> 
          <td> 
           @item.Name 
          </td> 
          <td width="110">         
           <a class="btn btn-custom btn-xs" href="" onclick="return getbyID('@item.Id',false)" title="consulter"> 
            <i class="fa fa-folder-open-o"></i> 
           </a> 
           <a class="btn btn-custom btn-xs" href="" onclick="return getbyID('@item.Id',true)" title="Editer"> 
            <i class="fa fa-edit"></i> 
           </a> 
           <a class="btn btn-custom btn-xs" onclick="OnDeleteClick(this);" id="#?id=@item.Id&name=@item.Name" title=" supprimer"> 
            <i class="fa fa-trash-o"></i> 
           </a> 
          </td> 
         </tr> 
        } 
       </tbody> 
      </table> 
     </div> 
     <div class="b-right"> 
      <button type="button" class="btn btn-primary" onclick="location.href='@Url.Action("Create", "Role")'"> 
       <i class="fa fa-plus"></i> Ajouter un role 
      </button> 
     </div>   
    </fieldset> 
</div> 

感謝。

Answer 1

あなたがDataTables.netを使用しており、このようなあなたのテーブルを構築している場合：

$.ajax({ 
    <your deleting code> 
    success: function() { 
     myTable.ajax.reload(); 
    }) 
});