Wie Auto-Vervollständigung zu einer Tabelle in PHP hinzufügen

Question

Ich muss Autocomplete-Funktion zu einer Tabelle bei der Suche hinzufügen, indem Sie ein Schlüsselwort in einem Textfeld eingeben. Ich habe weniger Erfahrung in PHP Laravel. Meine Anforderung ist wie folgt. In der Oberfläche gibt es ein Textfeld zum Suchen und darunter wird eine Tabelle angezeigt. Für ein Beispiel ist es ein Prozess, als ob ich "a" in das Textfeld eingeben würde, alle Datensätze, die von "a" beginnen, sollten in der Tabelle angezeigt werden, und die in der Tabelle angezeigten Ausgaben sollten sich entsprechend der Eingabe ändern. Wenn das Suchfeld leer ist, sollten alle Datensätze in der Tabelle angezeigt werden.

Answer 1

Es gibt zwei Möglichkeiten, dies mit DataTables zu lösen.

1. Die gesamten Tabellendaten werden beim Laden der Seite an die Clientseite gesendet.
2. Die gesamten Daten sind zu groß, um sie auf einer Seite an den Client zu senden, und Sie müssen dies in Chunks/Paginierung tun.

Bei der 1. Möglichkeit, dies ist so einfach wie einschließlich die js, css Dateien und dann die dataTable Instanziieren nach dem dom geladen ist, wird dies die statische HTML-Tabelle mit einer dynamischen durchsuchbare Tabelle, keine zusätzliche Änderungen ersetzen werden am Serverende benötigt.

Im Fall der zweiten Möglichkeit müssen Sie dataTable mit ajax Paginierung implementieren. Dies erfordert jedoch einen Controller (da Sie mit laravel arbeiten), um die Daten im JSON-Format für die zu verarbeitenden Databases auszugeben.

Ein Live-Beispiel von case 1, case 2.