Datentabellen dynamisch hinzufügen Zeile mit fnAddData oder ähnlich und fügen Sie eine Klasse auf eine bestimmte Spalte

Ok ich versuche dynamisch hinzufügen neuer Zeilen in eine bereits erbrachte Tabelle mit datatables. So weit, was ich habe, ist

oTable.fnAddData(["D:\Exlab", '[<a href="#" class="datasource_row_edit" data-idr="reference">Edit</a>] [<a href="#" class="datasource_row_delete" data-idr="reference">Delete</a>]']);

Welche dieser Werke für das hinzufügen einer einzigen Zeile (wenn jemand weiß, wie zu verwenden, eine ähnliche Funktion zum hinzufügen mehrerer Zeilen ohne Ausführung der Schleife, wäre bonus). Aber ich möchte eine bestimmte Spalte in diesem Fall die zweite Spalte, haben eine spezielle Klasse, gibt es ein Mittel, das hinzufügen einer Klasse zu einer Spalte das ist, die Hinzugefügt wird on-the-fly?

InformationsquelleAutor chris | 2013-01-11

  1. 3

    Ich glaube, Sie könnten dies erreichen, indem die Steuerung die Spalte Definitionen und die Zuordnung der Klasse über fnRender. Nachdem die Spalten definiert sind, füttern Sie die fnAddData-Funktion einige Daten.

    Hier ist eine ähnliche, SO Fragen.. KLICKEN SIE HIER, dass ich denke, Sie würden es nützlich finden.

    In deinem Fall, denke ich, dass die Spalte Definitionen würden dann wie folgt Aussehen

    ...
    "aoColumns": [
            {   
                "sClass": "datasource_row_edit",
                "fnRender": function( oObj ) {
                    return '<a href="#" data-idr="reference">Edit</a>';
                } 
            },
            {  
              "sClass": "datasource_row_delete",
               "fnRender": function( oObj ) {
                    return '<a href="#" data-idr="reference">Delete</a>';
                } 
            }
        ],
...

    Über Ihre api .. http://www.datatables.net/api ... man konnte Sie füttern die Tabelle beliebig viele Zeilen über json

    var json = eval("[" + response + "]");
oTable.fnAddData(json);

    lassen und das Rendern von datatable-jegliche Formatierung, die sich dynamisch

    Die Tabelle ist zunächst gerendert mit php, dann datatables ist drüber laufen, in diesem speziellen Fall hat die Tabelle schon gemacht worden und ich bin das hinzufügen neuer Zeilen auf Benutzereingaben. Also die links insgesamt sind Teil der zweiten Spalte, die ich anwenden möchten, in einer Klasse, und nicht die links selbst. Die Spalte ist der text Linksbündig ausgerichtet, und die Hintergrundfarbe etwas anders, aber nur auf die Spalte, die Klasse nicht gelten, wenn ich es mit fnAddData, so bin ich versucht, herauszufinden, wie zu bekommen, dass eine Klasse für die TD-Gesamt]

    InformationsquelleAutor Kevin

  2. 0

    Für die erste Frage, die Sie Haken bis zu der "fnCreatedRow" callback, http://www.datatables.net/usage/callbacks. Dies ermöglicht es Ihnen, hören Sie auf Zeile hinzufügen, Ereignisse und Bearbeiten Sie Sie nach Bedarf.

    Den "bonus" ist, dass Sie pass 2d-arrays zu fnAddData um Schleifen zu vermeiden

    InformationsquelleAutor joeltine

Schreibe einen Kommentar