Ich habe die letzten paar Stunden gesucht, und leider kann ich kein Beispiel dafür finden, wie man eine Datentabelle mit einer Aktions-Edit- und Delete-Link-Spalte mit .net und MVC füllt.
Hier ist was ich bisher habe, wie füge ich einen Aktionslink hinzu? Was vermisse ich?
%Vor%Ich möchte das in der letzten Spalte hinzufügen;
%Vor%Aber kann nicht herausfinden, wie es geht.
Sie können die Eigenschaft aoColumns
mit der Funktion fnRender
verwenden, um benutzerdefinierte Spalten hinzuzufügen.
Sie können den Helfer Html.ActionLink
nicht verwenden, da Sie die Links dynamisch aus dem Javascript generieren müssen. Die aoColumns
-Eigenschaft hilft Ihnen, jede Spalte zu konfigurieren. Wenn Sie keine bestimmte Spalte konfigurieren möchten, übergeben Sie einfach null
else, und übergeben Sie eine object({})
.
Die Funktion fnRender
hilft Ihnen beim Erstellen der Verknüpfungen mit den Werten der anderen Spalten. Sie können oObj.aData
verwenden, um die Werte der anderen Spalte wie id
zu erhalten, um die Links zu generieren.
Eine weitere wichtige Sache in der JSON-Ausgabe, die Sie vom Server zurückgeben, für die Bearbeitungsspalte müssen Sie auch etwas wie 1, 2, 3 oder irgendetwas zurückgeben.
Referenz: Ссылка
Der fnRender wurde abgeschrieben und der mRender erhält nicht die gleichen Parameter.
Dies funktioniert für mich, folgen Sie dem @ Mark-Beispiel:
%Vor%Die anderen Antworten verwenden die Legacy-DataTables-Syntax. Für DataTables 1.10+ lautet die Syntax für columnDefs wie folgt:
%Vor% Hinweis: Um das Modell im ActionLink zu erhalten, benutze ich JavaScript replace () , um die Zeichenfolge" replace "durch data
zu ersetzen, die zuvor in der SpalteDef
Ich habe den erwähnten Code für die Datentabelle 1.10+ verwendet, aber die Zeichenfolge in der Datentabelle anstelle der Verknüpfung abgerufen.
%Vor%Beachten Sie, dass die alte Version von mvc3 auf der Lösung verwendet wird Hier mein Javascript:
%Vor%Ich habe einen anderen Weg gefunden, diesen Aktionslink mit Hilfe von Beitrag (Olivier Kommentare):
Sie fügen Datenattribute in den Tabellenknoten ein, die Sie im Javascript wiederverwenden
in cshtml:
%Vor%in Ihrer * .js-Datei im Bereich columndefs:
%Vor%Tags und Links asp.net-mvc-3 jquery jquery-datatables