Wie passen Sie eine Tabelle mit Klicks an, um Daten im DCAT -Administrator hinzuzufügen?

Passen Sie die Tabelle an, in der Klicks zum Hinzufügen von Daten im DCAT -Administrator hinzugefügt werden

In diesem Artikel wird beschrieben, wie Sie eine benutzerdefinierte Tabelle im DCAT-Administrator (Laravel-Admin) erstellen, mit der Benutzer auf Schaltflächen klicken können, um Daten hinzuzufügen, und die Bearbeitungsmenge und Farben in der Tabelle unterstützt. Die folgende Abbildung zeigt die Zielfunktion:

Implementierungsschritte

1. Erstellen Sie eine Tabelle und fügen Sie Schaltflächen hinzu:

Erstellen Sie im DCAT -Administrator eine Tabelle mit grid und fügen Sie der Tabellen -Symbolleiste eine Schaltfläche hinzu, um die Datenaktion hinzufügen zu lösen. Das folgende Code -Snippet zeigt, wie Sie eine Tabelle erstellen und eine Schaltfläche hinzufügen:

 Verwenden Sie dcat \ admin \ grid;
Verwenden Sie dcat \ admin \ layout \ content;

öffentlicher Funktionsindex (Inhalt $ Inhalt)
{
    $ content zurückgeben
        -> Header ('Datenverwaltung')
        -> Beschreibung ('Daten hinzufügen')
        -> Körper ($ this-> grid ());
}

Schutzfunktionsraster ()
{
    $ grid = neues grid (neuer model ());

    $ grid-> tools (function (grid \ tools $ tools) {
        $ tools-> append (neu \ dcat \ admin \ grid \ tools \ button ('ad data', 'btn-add-data')-> class ('btn btn-primary'));
    });

    // Tabelle Spaltendefinition $ grid-> column ('id', 'id');
    $ grid-> spalte ('name', 'name');
    $ grid-> column ('mantity', 'mantity')-> editable ();
    $ grid-> column ('color', 'color')-> select (['rot' => 'rot', 'blau' => 'blau', 'grün' => 'grün']);

    Return $ Grid;
}

2. Front-End-JavaScript-Code:

Verwenden Sie die Schaltfläche JQuery Binding, um auf das Ereignis zu klicken, die Daten über den AJAX -Anforderungsserver abzurufen und die Daten zur Tabelle hinzuzufügen. Beachten Sie, dass Ersetzen /admin/your-endpoint für Ihre Backend-Verarbeitungsschnittstelle #your-grid-id für Ihre Tabellen-ID. Für eine bessere Benutzererfahrung wird empfohlen, die vom DCAT -Administrator bereitgestellte Tabellenbetriebmethode zu verwenden, anstatt das DOM direkt zu betreiben.

 $ (Dokument) .on ('Click', '.BTN-add-Data', Funktion () {
    sei id = fordert ("Bitte ID eingeben");
    if (id) {
        $ .ajax ({{{
            URL: '/admin/your-Endpoint',
            Typ: 'get',,
            Daten: {id: id},
            Erfolg: Funktion (Daten) {
                if (Daten) {
                    // Zeilen mithilfe der DCAT -Administrationsmethode hinzufügen, anstatt das DOM direkt zu manipulieren
                    Dcat.grid.appendrow ('#your-grid-id', Daten); // #your-Grid-id als Tabellen-ID ersetzen
                } anders {
                    alarm ('keine Daten gefunden');
                }
            },
            Fehler: Funktion (Fehler) {
                alert ('Anfrage fehlgeschlagen:' error.responseText);
            }
        });
    }
});

3. Backend Griffe AJAX -Anfragen:

Die Backend Controller -Methode verarbeitet die AJAX -Anforderung, querys Daten basierend auf ID und gibt JSON -Daten zurück.

 Verwenden Sie Illuminate \ http \ request;

Öffentliche Funktion getDatum (Anfrage $ Anfrage)
{
    $ id = $ request-> input ('id');
    $ data = yourModel :: find ($ id);

    if ($ data) {
        return response ()-> json ($ data);
    } anders {
        return response ()-> json (null);
    }
}

4. Verbesserungsvorschläge (unter Verwendung von DCAT -Administrator -Tabellen -API):

Um die Funktionalität von DCAT -Administrator besser zu integrieren, wird empfohlen, die von DCAT Admin bereitgestellte API zur Manipulation von Tabellen zu verwenden, anstatt das DOM direkt zu manipulieren. Dies stellt sicher, dass Ihr Code mit Updates von DCAT Admin kompatibel ist und eine bessere Wartung erhalten. Beispielsweise können Sie in Betracht ziehen, Zeilen mit Dcat.grid.addRow() oder ähnlichem hinzuzufügen. Dies erfordert einen Hinweis auf die Dokumentation des DCAT -Administrators, um die am besten geeignete API -Methode zu bestimmen.

In den oben genannten Schritten können Sie eine benutzerdefinierte Click-ADD-Datentabelle in DCAT-Administrator erstellen. Denken Sie daran, YourModel durch Ihren Modellnamen zu ersetzen und den Code entsprechend Ihrer tatsächlichen Situation anzupassen. Durch die Verwendung der von DCAT Admin bereitgestellten API kann Ihr Code prägnanter, die Wartung und besser in das Framework integriert werden.

Das obige ist der detaillierte Inhalt vonWie passen Sie eine Tabelle mit Klicks an, um Daten im DCAT -Administrator hinzuzufügen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!