Datatables

XonarZ · 30. April 2019

Guten Abend.

Ich habe angefangen mich mit Datatables zu beschäftigen. Leider bin ich gerade mal soweit, dass ich die Tabelle Initialisieren kann (ist ja auch nicht schwer). Die Einträge lasse ich aus der Datenbank auslesen.

Ich möchte gerne meine Tabelle Live Editieren können Sprich (Bearbeiten/Hinzufügen/Löschen). Das ganze soll auch in der Datenbank passieren.

Ich würde eigentlich letzendlich nur wissen:

1. Wie mache ich die Tabelle "Editable" ?
2. Wie übermittle ich die Daten per JQUERY an eine Datei und bearbeite die dann mittels PHP ?

Ich hoffe jemand kann mir da helfen. Die Dokumentation bringt mir irgendwie nicht viel oder ich bin einfach zu blöd dafür.

MfG
XonarZ

//PUSH Nach über 24 Stunden -> 30.04.2019 / 21:09

Kaliber · 1. Mai 2019

Zitat von XonarZ

Wie mache ich die Tabelle "Editable" ?

Das machst du über Javascript

Hier mal ein ganz simpler Code:

JavaScript

function setTrigger()
{
    for(let i=0,td = document.getElementsByTagName("td"); i<td.length; i++)
	{
		if(td[i].innerHTML.includes("<div")) continue;
		td[i].ondblclick = function() {
			if(this.innerHTML.includes("<") || this.innerHTML.includes(">")) return;
			let txt = this.innerHTML;
			this.innerHTML = '<input type="text" class="form-control" value="'+txt+'"/>';
		};


		td[i].onkeydown = function(e) {
			if(e.keyCode == 13 && this.innerHTML.includes("<input"))
			{
				this.innerHTML = this.getElementsByTagName("input")[0].value;
			}
		};
	}
}

Alles anzeigen

Jetzt kannst du einen Doppelklick auf die Spalte machen und diese editieren, kannst ja mal ein wenig mit rumspielen

Und das mit der Client-Server Kommunikation nennt sich Ajax, wo du die neuen Daten ganz einfach übermitteln kannst

breadfish.de 12. März 2022