Test Widget json template
-
der widgetexport von dir war leider leer.
kein datenpunkt
kein templatehier nun das getestete template
ich habe die datenpunkte allerdings auf
0_userdata.0.select
und
0_userdata.0.selectwrite
angepasstchatgpt hat auch ein bisschen mehr design und sicherheitsfunktionen dazugemacht
<% var dp_write = "0_userdata.0.selectwrite"; var default_value = "Dieter"; var select_id = widgetid + "_select"; var options = []; var stored_value = ""; var selected_value = ""; function escapeHtml(value) { return String(value) .replace(/&/g, "&") .replace(/</g, "<") .replace(/>/g, ">") .replace(/"/g, """) .replace(/'/g, "'"); } if (Array.isArray(data)) { options = data; } if ( typeof dp !== "undefined" && dp !== null && typeof dp_write === "string" && dp_write !== "" && typeof dp[dp_write] !== "undefined" && dp[dp_write] !== null ) { stored_value = String(dp[dp_write]); } if (stored_value !== "") { selected_value = stored_value; } else { selected_value = String(default_value); } %> <style> #<%- widgetid %> { width: 100%; height: 100%; } #<%- widgetid %> #<%- select_id %> { display: block; box-sizing: border-box; width: 100%; height: 100%; min-height: 36px; margin: 0; padding: 6px 32px 6px 10px; color: #ffffff; background-color: #000000; border: 1px solid #666666; border-radius: 4px; font-family: inherit; font-size: 18px; cursor: pointer; } #<%- widgetid %> #<%- select_id %>:focus { border-color: #ffffff; outline: none; } </style> <select id="<%- select_id %>" data-dp-write="<%- escapeHtml(dp_write) %>" onchange="window['visJsonTemplateSelect_<%- widgetid %>'].writeValue(this)" > <% for (var i = 0; i < options.length; i++) { if ( typeof options[i] !== "undefined" && options[i] !== null ) { var option_value = String(options[i]); %> <option value="<%- escapeHtml(option_value) %>" <% if (option_value === selected_value) { %> selected <% } %> ><%- escapeHtml(option_value) %></option> <% } } %> </select> <script> (function () { var namespace = "visJsonTemplateSelect_<%- widgetid %>"; var selectElement = document.getElementById("<%- select_id %>"); window[namespace] = window[namespace] || {}; if (selectElement) { window[namespace].dpWrite = selectElement.getAttribute("data-dp-write"); } window[namespace].writeValue = function (element) { var targetDp = window[namespace].dpWrite; if ( !element || typeof targetDp !== "string" || targetDp === "" ) { return; } if ( window.vis && typeof window.vis.setValue === "function" ) { window.vis.setValue(targetDp, element.value); } }; })(); </script>hier mein widgetexport
@OliverIO
Warum hat mein Export nicht funktioniert?
Und die DP sind doch immer noch javascript.....
Hast du was falsche eingefügt.Wenn ich dies im edit einfüge kommt:
Im edit und im run funktioniert dies nicht.
Habe ich eine alte Adapter version.
meine ist: 4.4.3mfg
Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
Danke.
gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
ScreenToGif :https://www.screentogif.com/downloads.html -
der widgetexport von dir war leider leer.
kein datenpunkt
kein templatehier nun das getestete template
ich habe die datenpunkte allerdings auf
0_userdata.0.select
und
0_userdata.0.selectwrite
angepasstchatgpt hat auch ein bisschen mehr design und sicherheitsfunktionen dazugemacht
<% var dp_write = "0_userdata.0.selectwrite"; var default_value = "Dieter"; var select_id = widgetid + "_select"; var options = []; var stored_value = ""; var selected_value = ""; function escapeHtml(value) { return String(value) .replace(/&/g, "&") .replace(/</g, "<") .replace(/>/g, ">") .replace(/"/g, """) .replace(/'/g, "'"); } if (Array.isArray(data)) { options = data; } if ( typeof dp !== "undefined" && dp !== null && typeof dp_write === "string" && dp_write !== "" && typeof dp[dp_write] !== "undefined" && dp[dp_write] !== null ) { stored_value = String(dp[dp_write]); } if (stored_value !== "") { selected_value = stored_value; } else { selected_value = String(default_value); } %> <style> #<%- widgetid %> { width: 100%; height: 100%; } #<%- widgetid %> #<%- select_id %> { display: block; box-sizing: border-box; width: 100%; height: 100%; min-height: 36px; margin: 0; padding: 6px 32px 6px 10px; color: #ffffff; background-color: #000000; border: 1px solid #666666; border-radius: 4px; font-family: inherit; font-size: 18px; cursor: pointer; } #<%- widgetid %> #<%- select_id %>:focus { border-color: #ffffff; outline: none; } </style> <select id="<%- select_id %>" data-dp-write="<%- escapeHtml(dp_write) %>" onchange="window['visJsonTemplateSelect_<%- widgetid %>'].writeValue(this)" > <% for (var i = 0; i < options.length; i++) { if ( typeof options[i] !== "undefined" && options[i] !== null ) { var option_value = String(options[i]); %> <option value="<%- escapeHtml(option_value) %>" <% if (option_value === selected_value) { %> selected <% } %> ><%- escapeHtml(option_value) %></option> <% } } %> </select> <script> (function () { var namespace = "visJsonTemplateSelect_<%- widgetid %>"; var selectElement = document.getElementById("<%- select_id %>"); window[namespace] = window[namespace] || {}; if (selectElement) { window[namespace].dpWrite = selectElement.getAttribute("data-dp-write"); } window[namespace].writeValue = function (element) { var targetDp = window[namespace].dpWrite; if ( !element || typeof targetDp !== "string" || targetDp === "" ) { return; } if ( window.vis && typeof window.vis.setValue === "function" ) { window.vis.setValue(targetDp, element.value); } }; })(); </script>hier mein widgetexport
@OliverIO
Habe nun upgedatet auf 4.5.0
Keine Veränderung.
Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
Danke.
gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
ScreenToGif :https://www.screentogif.com/downloads.html -
@bahnuhr
Starte mal dein vis neu,
Mach im Browser Strg + F5Zur Not auf der Kommandozeile
iobroker upload all
Geh doch mal die Sachen von obenDas Widget ID Problem wurde in der vorletzten Version behoben.
Prüfe, ob die Version auch wirklich installiert wurde. Wenn ja, dann liegt es daran, dass vis die Komponente noch nicht aktualisiert hat. -
Danke
Probier ich heute mittag aus -
upload all hat geklappt.
Aber müsste sowas nicht beim upload korrekt funktionieren?So, jetzt muss ich das ganze mal beobachten.
Danke erst einmal.
Dieter -
@OliverIO
Warum hat mein Export nicht funktioniert?
Und die DP sind doch immer noch javascript.....
Hast du was falsche eingefügt.Wenn ich dies im edit einfüge kommt:
Im edit und im run funktioniert dies nicht.
Habe ich eine alte Adapter version.
meine ist: 4.4.3mfg
Scheint soweit zu klappen, super !
noch ne kleine Ergänzungsfrage:
Wenn das template den ausgewählten json DP auf "Dieter" setzt, kann man dann gleichzeigt im DP.write auch "Dieter" reinschreiben.Momentan wird ja nur das json auf "Dieter" gesetzt und angezeigt. Im dp.write passiert ja nix.
Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
Danke.
gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
ScreenToGif :https://www.screentogif.com/downloads.html -
Scheint soweit zu klappen, super !
noch ne kleine Ergänzungsfrage:
Wenn das template den ausgewählten json DP auf "Dieter" setzt, kann man dann gleichzeigt im DP.write auch "Dieter" reinschreiben.Momentan wird ja nur das json auf "Dieter" gesetzt und angezeigt. Im dp.write passiert ja nix.
bei mir macht es das
ab3d951b-ee1f-400b-a741-b6545328bfac-20260730-1451-31.0932434.mp4du musst den schreibdatenpunkt einmal unter
datapoints eintragen
und im template am anfang
-
bei mir macht es das
ab3d951b-ee1f-400b-a741-b6545328bfac-20260730-1451-31.0932434.mp4du musst den schreibdatenpunkt einmal unter
datapoints eintragen
und im template am anfang
@OliverIO
ok, dann hab ich mich falsch ausgedrückt.Ja, wenn man einen Punkt des json auswählt, dann wird das ausgewählte in den extra Datenpunkt geschrieben.
Das klappt ja auch.Die Frage war aber:
Wenn die view geöffnet wird, dann wird in der Auswahl ja "Dieter" angezeigt. Dies soll auch so sein.
Aber da wurde halt noch nix in den write geschrieben.
Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
Danke.
gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
ScreenToGif :https://www.screentogif.com/downloads.html -
@OliverIO
ok, dann hab ich mich falsch ausgedrückt.Ja, wenn man einen Punkt des json auswählt, dann wird das ausgewählte in den extra Datenpunkt geschrieben.
Das klappt ja auch.Die Frage war aber:
Wenn die view geöffnet wird, dann wird in der Auswahl ja "Dieter" angezeigt. Dies soll auch so sein.
Aber da wurde halt noch nix in den write geschrieben.Dsa ist aber auch nur beim aller ersten mal so.
sobald da was drin steht, greift der normale mechanismusdann könntest du im abschnitt
if (stored_value !== "") { selected_value = stored_value; } else { selected_value = String(default_value); }das so austauschen
if (stored_value !== "") { selected_value = stored_value; } else { selected_value = String(default_value); window.vis.setValue(dp_write, selected_value); }Meine Adapter und Widgets
TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
Links im Profil -
Neue Version 4.6.0
Den zusätzlichen Datenpunkten wurde noch ein optional benennbarer Variablennamen hinzugefügt. Die Benennung richtet sich nach den javascript Regeln. Von javascript reservierte Namen und intern vom widget verwendete Namen können nicht verwendet werden. Das wird dann aber auch in einer Fehlermeldung angezeigt.
am obigen Beispiel kann dann im Template
dp_write verwendet werden. Dieser enthält dann den datenpunktnamen und
dp_write_value den Datenpunktinhalt.<%- dp_write %> <!-- 0_userdata.0.selectwrite --> <%- dp_write_value %> <!-- abc --> <%- dp[dp_write] %> <!-- abc -->Dokumentation wurde dementsprechend angepasst
-
Dsa ist aber auch nur beim aller ersten mal so.
sobald da was drin steht, greift der normale mechanismusdann könntest du im abschnitt
if (stored_value !== "") { selected_value = stored_value; } else { selected_value = String(default_value); }das so austauschen
if (stored_value !== "") { selected_value = stored_value; } else { selected_value = String(default_value); window.vis.setValue(dp_write, selected_value); }selected_value = String(default_value); window.vis.setValue(dp_write, selected_value);Jetzt wird es bald so wie ich es mir vorstelle.
Könnte man jetzt noch das default (also setzen des json auf Dieter und schreiben in write) automatisch setzen beim view Wechsel.
Also wenn man die Seite mit diesem Widget aufruft.
Das wäre cool.
Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
Danke.
gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
ScreenToGif :https://www.screentogif.com/downloads.html -
selected_value = String(default_value); window.vis.setValue(dp_write, selected_value);Jetzt wird es bald so wie ich es mir vorstelle.
Könnte man jetzt noch das default (also setzen des json auf Dieter und schreiben in write) automatisch setzen beim view Wechsel.
Also wenn man die Seite mit diesem Widget aufruft.
Das wäre cool.Bei mir ist das so.
Ich habe 2 views gemacht.
jeweils einen nav button zum sprung auf den anderen view
auf beiden views habe ich mir ein string widget gemacht was auf den schreibdatenpunkt zeigt.
auf dem 2. view dann die select box.
wenn man vis im runtime mode startet wird im string widget der Text aus dem datenpunkt angezeigt.
wenn mann dann den daten punkt leert und
wieder nach vis zurückwechselt sieht man, es ist leer.
wenn man dann auf den 2. view mit der select box wechselt,
dann erscheint wieder Dieter, da das template mit dem view wechsel
aktiviert wurde und dann der datenpunkt auch beschrieben wird.habe ich in vis1 und vis2 probiert
In vis2 wird sogar noch früher der datenpunkt neu geschrieben,
da das react in vis2 das templatescript wohl öfters aktiviert. hat dann aber was mit react von vis2 zu tun.Meine Adapter und Widgets
TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
Links im Profil -
Bei mir ist das so.
Ich habe 2 views gemacht.
jeweils einen nav button zum sprung auf den anderen view
auf beiden views habe ich mir ein string widget gemacht was auf den schreibdatenpunkt zeigt.
auf dem 2. view dann die select box.
wenn man vis im runtime mode startet wird im string widget der Text aus dem datenpunkt angezeigt.
wenn mann dann den daten punkt leert und
wieder nach vis zurückwechselt sieht man, es ist leer.
wenn man dann auf den 2. view mit der select box wechselt,
dann erscheint wieder Dieter, da das template mit dem view wechsel
aktiviert wurde und dann der datenpunkt auch beschrieben wird.habe ich in vis1 und vis2 probiert
In vis2 wird sogar noch früher der datenpunkt neu geschrieben,
da das react in vis2 das templatescript wohl öfters aktiviert. hat dann aber was mit react von vis2 zu tun.@OliverIO
Ich nochmal.
Habe dein Beispiel nachgestellt.
Bei mir klappt es nicht.Nachtrag:
Jetzt hat es doch geklappt.Ich teste weiter.
-
Bei mir ist das so.
Ich habe 2 views gemacht.
jeweils einen nav button zum sprung auf den anderen view
auf beiden views habe ich mir ein string widget gemacht was auf den schreibdatenpunkt zeigt.
auf dem 2. view dann die select box.
wenn man vis im runtime mode startet wird im string widget der Text aus dem datenpunkt angezeigt.
wenn mann dann den daten punkt leert und
wieder nach vis zurückwechselt sieht man, es ist leer.
wenn man dann auf den 2. view mit der select box wechselt,
dann erscheint wieder Dieter, da das template mit dem view wechsel
aktiviert wurde und dann der datenpunkt auch beschrieben wird.habe ich in vis1 und vis2 probiert
In vis2 wird sogar noch früher der datenpunkt neu geschrieben,
da das react in vis2 das templatescript wohl öfters aktiviert. hat dann aber was mit react von vis2 zu tun.@OliverIO
so, nochmal Rückinfo von mir.Manchmal geht es, manchmal nicht.
Eine Logik hab ich noch nicht gefunden.
Wenn ich helfen konnte, dann Daumen hoch (Pfeil nach oben)!
Danke.
gute Forenbeiträge: https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge
ScreenToGif :https://www.screentogif.com/downloads.html -
@OliverIO
so, nochmal Rückinfo von mir.Manchmal geht es, manchmal nicht.
Eine Logik hab ich noch nicht gefunden.
hier mein vis1 projekt export
2026-07-31-main (1).zipvis2 projekt export
2026-07-31-main (2).zipwie es auch sei. das aktivieren des template scripts liegt nicht in meiner Macht.
das kommt vom vis -
hier mein vis1 projekt export
2026-07-31-main (1).zipvis2 projekt export
2026-07-31-main (2).zipwie es auch sei. das aktivieren des template scripts liegt nicht in meiner Macht.
das kommt vom vis@OliverIO
Habs jetzt per js gelöst.
Beim Wechsel der View werden die entsprechenden DP gesetzt.
Dies klappt jetzt einwandfrei.// View wird wieder gewechselt on({id: "vis.0.control.data", change: "ne"}, function(obj) { if (obj.state.val != "main/Telefon3" && obj.oldState.val == "main/Telefon3") { setState("javascript.0.Sonstige.Google.Kontakte.Photo.ausgewählt", ""); setState("javascript.0.Sonstige.Google.Kontakte.Photo.Link", ""); } else if (obj.state.val == "main/Telefon3" && obj.oldState.val != "main/Telefon3") { setState("javascript.0.Sonstige.Google.Kontakte.Photo.ausgewählt", "Dieter"); setState("javascript.0.Sonstige.Google.Kontakte.Photo.Link", "https://lh3.googleusercontent.com/contacts/AG6t00"); } });Danke nochmal für die Infos.
mfg
Dieter
Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.
Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.
Mit deinem Input könnte dieser Beitrag noch besser werden 💗
Registrieren AnmeldenSupport us
230
Online33.0k
Benutzer83.6k
Themen1.3m
Beiträge