Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Codierknecht]

@andre1de sagte in Liste mit Eingabe:

Sag mal, kann man das gleiche mit aktuellem Datum machen?
Kann man gleichen blockly schreiben und dann im vis stelle ich zwei weedgets gegenüber, damit bei button bedienen gleich datum und wert erscheint?

Was soll denn eigentlich das Ziel sein?
Soll das 'ne Tabelle in Vis werden? Mit Datum und getankter Menge? Also sowas hier:

[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!

[andre1de]

Hallo,
es ist fast ein Jahr vergangen und alles funktioniert einwandfrei.
Jetzt habe ich mir überlegt, wie ich die Tabelle für das nächste Jahr leeren und wieder von vorne beginnen kann.

Wenn ich einfach die Werte im Objekt "Tabelle" lösche und anschließend im Input‑Feld einen beliebigen Betrag eingebe, erscheint trotzdem wieder die alte Tabelle – ergänzt um den neuen Betrag. Irgendwo wird es also noch gespeichert.

Wenn ich alle Variablen im Blockly‑Skript umbenenne, z. B. "value" → "value1", "Liste" → "Liste1", "item" → "item1", dann funktioniert es: die Tabelle startet wieder von vorne.

Ich möchte diesen Prozess jedoch automatisieren – also z. B. über einen Zeit‑Trigger zum Jahresende die Tabelle automatisch leeren lassen, sodass sie im neuen Jahr wieder frisch beginnt.

Gibt es dafür eine Lösung?
Danke!

[paul53]

@andre1de sagte: Zeit‑Trigger zum Jahresende die Tabelle automatisch leeren lassen, sodass sie im neuen Jahr wieder frisch beginnt.

Im bestehenden Skript ergänzen, damit auch die Variable liste gelöscht wird:

[andre1de]

Danke!
Aber wahrscheinlich dann lieber so:

Dann bleibt Tabelle wirklich leer.

In deinem Beispiel kommt dann "Datum" und "0".
Wenn ich danach in meiner Variante neuen Wert eingebe, bleibt unten diese leere Zeile, aber das macht nichts.

Ich kriege aber noch Fehler:

Verstehe aber nicht, wie ich dem Text
"String" geben kann. Oder genau gesagt, was kann man nehmen, damit leere Platz in Tabelle kommt, das dem Wert "String" nicht widerspricht?

[paul53]

@andre1de sagte: das dem Wert "String" nicht widerspricht?

Konvertierung nach JSON erforderlich:

Hast du das beachtet?
@paul53 sagte: in Liste mit Eingabe:

Im bestehenden Skript ergänzen

Die Listen-Variable ist bei dir Liste1?

Ich muss so fragen, da ich das letzte Blockly von dir noch nicht gesehen habe, sondern nur die Vorschläge von @codierknecht.

@andre1de sagte in Liste mit Eingabe:

Es bleibt nur die Gesamtsumme

Wenn das eine Jahressumme sein soll, muss auch der DP auf 0 gesetzt werden.

[andre1de]

@paul53 sagte in Liste mit Eingabe:

Die Listen-Variable ist bei dir Liste1?

Es wird dann später auch "Liste" anstatt jetziger "Liste1", wenn alles funktioniert. Ich habe es oben beschrieben, warum es so ist:

sagte in Liste mit Eingabe:

Wenn ich alle Variablen im Blockly‑Skript umbenenne, z. B. "value" → "value1", "Liste" → "Liste1", "item" → "item1", dann funktioniert es: die Tabelle startet wieder von vorne.

Und so ist es erst geblieben...

[andre1de]

@paul53 sagte in Liste mit Eingabe:

Wenn das eine Jahressumme sein soll, muss auch der DP auf 0 gesetzt werden.

Ja. Es wird so..

[andre1de]

Es funktioniert alles! Fehler ist auch weg! Danke!