Wie lösche ich die aktuelle Zeile mit dem Jquery Datatable Plugin?

Habe ich eine Spalte mit buttons in einer Tabelle, die ich verwende jQuery plugin datatable. Die Tasten sagen, "Entfernen" und die Idee ist, dass, wenn Sie klicken Sie auf die Schaltfläche löscht die aktuelle Zeile in der Tabelle.

Wenn ich rufe fnDeleteRow es scheint zu funktionieren, das erste mal aber keine weitere Zeit für diese Zeile, so sieht es aus wie die nicht wirklich löschen Sie die Zeile richtig.

InformationsquelleAutor der Frage leora | 2009-12-18

  1. 61

    Versuchen Sie dies:

    var row = $(this).closest("tr").get(0);
oTable.fnDeleteRow(oTable.fnGetPosition(row));

    Wenn es nicht funktioniert, überprüfen Sie die folgenden Beispiel

    InformationsquelleAutor der Antwort Jason Orendorff

  2. 2

    Lassen Sie uns sagen Sie, dass Sie der Anlage eine Funktion, die aufgerufen werden, wenn der Benutzer auf die Schaltfläche klickt. Die Funktion wäre so etwas wie dies

    function DeleteRow(event)
{
  //get the row of the cell that is clicked
  var $row = $(this).parents("tr").eq(0)
  //if you need the id you can get it as
  var rowid = $row.attr("id");
  //now you can call delete function on this row
  $row.delete(); 
}

    InformationsquelleAutor der Antwort Sridhar

  3. 1

    Wie wäre es damit:

        //Delete Row
    $('.glyphicon-minus').on("click", function() {
        configTable.row($(this).closest("tr").get(0)).remove().draw();
    });

    InformationsquelleAutor der Antwort Ryan Reynolds

  4. 0

    vom auf dieser Seite:

    $('#example tbody td').click( function () {
    /* Get the position of the current data from the node */
    var aPos = oTable.fnGetPosition( this );

    //...
} );

    InformationsquelleAutor der Antwort cobbal

  5. 0

    Dies ist, wie es für mich funktioniert. In der document-ready-Funktion, die ich zuordnen konvertierte version der HTML-Tabelle für eine variable und Wann eine Schaltfläche geklickt wird, ich gehe durch die Eltern/Kinder mit JQuery und senden Sie die Zeile, die Sie als parameter an die Bibliothek fnDeleteRow () - Funktion.

    Hier ist der Kommentar von der library-Funktion. Und ein Beispiel, das erwähnt wurde, in der Bibliothek.

    /**
* Remove a row for the table
*  @param {mixed} target The index of the row from aoData to be deleted, or
*    the TR element you want to delete
*  @param {function|null} [callBack] Callback function
*  @param {bool} [redraw=true] Redraw the table or not
*  @returns {array} The row that was deleted
*  @dtopt API
*  @deprecated Since v1.10
*
*  @example
*    $(document).ready(function() {
*      var oTable = $('#example').dataTable();
*
*      //Immediately remove the first row
*      oTable.fnDeleteRow( 0 );
*    } );
*/

//And here's how it worked for me.
var oTable;
$("document").ready(function () {
    oTable = $("#myTable").dataTable();
});

//Remove/Delete button's click.
$("a[name='deleteColumn']").click(function () {
    var $row = $(this).parent().parent();
    oTable.fnDeleteRow($row);
});

    InformationsquelleAutor der Antwort Cengiz Araz

Schreibe einen Kommentar