dati jquery: aggiornare la cella della tabella dopo il clic del pulsante

Question

abbiamo una tabella nella nostra pagina, con poche righe e un pulsante di attivazione personalizzato alla fine. la tabella viene caricata tramite html nella pagina, non tramite json.

ora, il pulsante di commutazione ai post finali di un servizio e imposta lo stato successivo di tale record nel database.

tuttavia, dovrebbe anche effettuare un aggiornamento a un'altra cella in quella riga. tuttavia sono sicuro che non dovrei farlo manualmente tramite jquery ma tramite i datatables?

$('#tblFollow').dataTable({ 
    sDom: "t", 
    aoColumns: [ 
     null, 
     null, 
     null, 
     { bSortable: false } 
    ] 
}); 

$('#tblFollow').on('click', 'a.follow', function(e){ 
    $(this).toggleClass('active'); 

    // updating column 'following' here... 
    // but this only changes visually, and not the inner datatables data used for sorting 
    var followingCell = $(this).parents('td').prev(); 
    var txt = followingCell.text() == "1" ? "0" : "1"; 
    followingCell.text(txt); 

    return false; 
}); 

manual example: ora ho un esempio, dove a cambiare i campi manualmente, ma questo è visiva, il datatable utilizza ancora i suoi dati interni per l'ordinamento. Quindi sto cercando un modo per farlo meglio

Answer 1

Ecco una possibile soluzione:

Oltre al codice è necessario aggiornare i dati DataTable come segue

var rowIndex = table.fnGetPosition($(this).closest('tr')[0]); 
var aData = table.fnGetData(rowIndex ); 
aData[2] = txt; //third column 

Qui il jsfiddle

e ancora meglio soluzione sarebbe usare fnUpdate per aggiornare i dati e display nello stesso tempo

Qui il jsfiddle

// update column following here... 
var followingCell = $(this).parents('td').prev(); 
var txt = followingCell.text() == "1" ? "0" : "1"; 

var rowIndex = table.fnGetPosition($(this).closest('tr')[0]); 
table.fnUpdate(txt, rowIndex , 2); 

---

Inoltre, invece di noi

var followingCell = $(this).parents('td').prev(); 
var txt = followingCell.text() == "1" ? "0" : "1"; 

uso

var aData = table.fnGetData(rowIndex ); 
aData[2] //use it to check if the value is 0 or 1