jquery data table non funzionante dalla seconda pagina

Question

Sto usando jquery Data table 1.9.4 e jquery 1.9.1 e sto provando a eseguire una chiamata ajax come questa all'evento click.

$(".icon-trash").on('click',function() { 
       // alert($(this).attr('id')); 
       $.post('/WorkOrderRequest/DeleteWOR', 
         { id: $(this).attr('id') }, 

         function (returndata) 
         { 

          if (returndata.ok) 
          { 
           window.alert(' deleted!'); 
           $("#emp" + idemployee).hide('slow'); 
          } 
          else { 
           window.alert(' error : ' + returndata.message); 
          } 

        }); 

      }); 

html parte:

@foreach (var item in Model) 
        { 

         <tr> 
          <td> 
           @Html.DisplayFor(modelItem => item.ProjectCode) 
          </td> 
          <td> 
           @Html.DisplayFor(modelItem => item.WO_Date) 
          </td> 


          <td> 
          <a id='@(item.WO_ID)' class="icon-edit" /> 
           |        
          <a id='@(item.WO_ID)' class="icon-trash" /> 
          </td> 
         </tr> 
        } 

Si sta lavorando bene sulla prima pagina, ma dalla seconda pagina relativo non mostrando alcun risultato. Please help

Answer 1

Il modo in cui funziona l'impaginazione, le righe non necessarie alla pagina corrente vengono rimosse dal DOM. Pertanto, qualsiasi gestore di eventi vincolato direttamente a tali elementi viene perso quando viene rimosso il codice HTML.

È necessario utilizzare la sintassi di delega di on() per associare il gestore a una risorsa nella pagina che è permanente. Questa potrebbe essere la tabella padre o di qualsiasi altro genitore contro l'albero, tra cui document

$('#TableID').on('click','.icon-trash',function() {... 

API Reference: http://api.jquery.com/on/

Answer 2

Se basta inserire il vostro codice di evento click sopra datatable codice js, sarà lavorando bene.

Come esempio.

$(".icon-trash").on('click',function() {}); 

$("#TableID").datatable(); 

Answer 3

Ho lo stesso problema e ho risolto spostando verso il basso il codice qui sotto della linea finalmente

$('#yourTable').dataTable();

Spero che aiuterà qualcuno.