Datentabellen, wie ein Ereignis in allen Zeilen der Tabelle gebunden wird
Meine Datentabelle funktioniert einwandfrei, außer dass ich versuche, eine hinzuzufügendblclick
Funktionalität für jede Zeile, die teilweise funktioniert.
Das ist also mein Code:
oTable = $('#example').dataTable({
"aaSorting": [[ 1, "desc" ]],
"bJQueryUI": true,
"sPaginationType": "full_numbers"
});
/* Add a click handler to the rows */
//This highlights the row selected
$("#example tbody").click(function(event) {
$(oTable.fnSettings().aoData).each(function (){
$(this.nTr).removeClass('row_selected');
});
$(event.target.parentNode).addClass('row_selected');
});
//this attaches a dblclick event on the row
$("#example tr").dblclick(function() {
var iPos = oTable.fnGetPosition( this );
var aData = oTable.fnGetData( iPos );
var iId = aData[1];
$('#edit'+iId).click(); //clicks a button on the first cell
});
Die Hervorhebung von Zeilen ist für alle Zeilen der Tabellen in Ordnung, jedoch für diedblclick
funktioniert NUR für die Zeilen, die ursprünglich auf der ersten Seite gerendert wurden. Wenn ich Daten sortiere / suche und die angezeigten Daten sich ändern, wird diedblclick
Das Ereignis funktioniert nicht für die Zeilen, die nicht auf der ersten Seite angezeigt wurden.
Kann jemand helfen, dieses Rätsel zu lösen? Vielen Dank