Liste mit Eingabe

[andre1de]

@codierknecht
Ja, genau!
Ich möchte durch input -Eingabe mit Button meine Tankkosten registrieren.
Also, schreibe in vis in input-Fenster meinen aktuellen Betrag von Beleg an der Tankstelle, durch Button Betätigung soll in iobrocker DB neue DP mit Datum und den Betrag erzeugt werden.
Gleichzeitig wird input-Fenster in vis wieder leer. Und auch da. in vis in evtl. Tabelle kommt Datum und Betrag.
Die nächsten Eingaben müssen dann in der Tabelle automatisch erscheinen.

[Codierknecht]

@andre1de
Reicht es nicht, nur den Betrag zu erfassen und als Datum das aktuelle Tagesdatum der Erfassung zu verwenden?
Das spart ein zusätzliches Eingabefeld und macht das Ganze etwas einfacher.

[andre1de]

@codierknecht
Das war erst meine Ziel. Bin für alle mögliche Lösungen offen.
Und wie geht es mit der Tabelle?

[andre1de]

@codierknecht said in Liste mit Eingabe:

@andre1de sagte in Liste mit Eingabe:

wo könnte Fehler sein?

Du fügst in die Liste eine weitere Liste ein.
Und die enthält genau das was Du reinsteckst:

• in i steckt die id des aktuellen Elements
• mit "Wert von i" wird der Wert des Elements i gelesen
• und noch ein HTML-Zeilenumbruch

Macht vielleicht Sinn, als erstes mal das i in id umzubenennen. Dann wird das ganze vielleicht klarer.
Passende Benamsung ... sooo wichtig

Ja. Sie haben recht. So funktioniert es:

[Codierknecht]

@andre1de
Vorschlag:

Das produziert ein solches Array:

Und in Vis kann man das als Json-Tabelle darstellen:

Edit
Wenn man als Eingabe ein "jqui - ctrl - input - setbutton" verwendet, könnte man mit kleineren Änderungen am Script auch noch auf einen separaten "Button" verzichten.
2025-01-28_12-59-25.mp4

[andre1de]

@codierknecht
O! Es sieht super aus!
Ich probiere es erst morgen aus, muss zur Arbeit.
Vielen Dank erstmal!

[Codierknecht]

@codierknecht sagte in Liste mit Eingabe:

Wenn man als Eingabe ein "jqui - ctrl - input - setbutton" verwendet, könnte man mit kleineren Änderungen am Script auch noch auf einen separaten "Button" verzichten.

Das sähe dann jetzt so aus:

Damit es in Vis auch richtig chic wird, ist ein bisschen JS in Vis nötig, um das Eingabefeld nach der Speicherung des Wertes auch wieder zu leeren.

$(document).ready( () => {
    setTimeout( () => {
        $('#w00004_set').click(function () { 
            setTimeout( () => {
                $('#w00004_input').val('');
            }, 100);
        });
        $('#w00004_input').keydown(function(event){
            if (event.which == 13){
                setTimeout( () => {
                    $('#w00004_input').val('');
                }, 100);
            }
        });

    }, 1000);
});

Die ID's müssen logischerweise auf die eigenen Gegebenheiten angepasst werden.

[andre1de]

@codierknecht said in Liste mit Eingabe:

Die ID's müssen logischerweise auf die eigenen Gegebenheiten angepasst werden.

Es funktioniert alles! Und ist es viel einfacher und eleganter als ich mir zuvor vorgestellt habe. Danke!
Es bleibt nur die Gesamtsumme allen Beträgen.
Wie kann ich das noch realisieren?

[Codierknecht]

@andre1de sagte in Liste mit Eingabe:

Es bleibt nur die Gesamtsumme allen Beträgen.
Wie kann ich das noch realisieren?

Dazu einfach einen neuen DP "Summe" anlegen und das Script minimal erweitern:

[andre1de]

@codierknecht said in Liste mit Eingabe:

Dazu einfach einen neuen DP "Summe" anlegen und das Script minimal erweitern:

Danke!
Letzte Frage. Wie kann man input Feld und Button mit css anpassen?
Farbe z.B.

[Codierknecht]

@andre1de sagte in Liste mit Eingabe:

Letzte Frage. Wie kann man input Feld und Button mit css anpassen?

Mit "Untersuchen" herausfinden, wie das entsprechende Element genau heißt und dann im Vis-Editor passendes CSS stricken:

[andre1de]

@codierknecht said in Liste mit Eingabe:

Mit "Untersuchen" herausfinden, wie das entsprechende Element genau heißt und dann im Vis-Editor passendes CSS stricken:

Also nochmal vielen Dank!