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

[fritzke316]

Hallo, ich habe versucht die vis-views.json mit Notepad++ zu öffnen, aber irgendwie wird mir der Inhalt nicht richtig angezeigt. Die Datei kann nicht defekt sein, da in der Vis ja noch alles läuft!
Ich habe die vis-views.json aus dem Datei-Manager vom Vis-Editor runtergeladen, war das vielleicht der Fehler?
Kann mir jemand sagen wie ich die vis-views.json zum Bearbeiten öffnen kann?

Danke

[OliverIO]

@fritzke316 sagte in Wie kann ich die vis-views.json öffnen?:

Hallo, ich habe versucht die vis-views.json mit Notepad++ zu öffnen, aber irgendwie wird mir der Inhalt nicht richtig angezeigt. Die Datei kann nicht defekt sein, da in der Vis ja noch alles läuft!
Ich habe die vis-views.json aus dem Datei-Manager vom Vis-Editor runtergeladen, war das vielleicht der Fehler?
Kann mir jemand sagen wie ich die vis-views.json zum Bearbeiten öffnen kann?

Danke

Notepad++ ist schon mal nicht schlecht.
Allerdings nicht ratsam diese Datei direkt zu bearbeiten, da man
viel falsch machen kann.
Wie sollte der Inhalt den angezeigt werden?
Warum denkst du das es nicht richtig angezeigt wird?
Wenn unbedingt, dann hilft dir evtl. das N++ Plugin JS Tools

[fritzke316]

@oliverio
Erstmal Danke für deine Antwort und Warnung :)
Ich habs jetzt geschaft die Vis-Views.json zu öffnen. Hab die Datei erst nur über den Vis Editor auf meinen Pc geladen was so wohl nicht funktioniert, wenn ich die Datei geöffnet habe wurden mir nur eine Lange Textzeile mit irgendwelchen Symbolen angezeigt.
Jetzt hab ich mir die Datei direkt vom Raspi geholt und konnte sie ohne Probleme öffnen.
Ich weiß dass man da immer etwas vorsichtig sein sollte, ich habe aber ein komisches Problem mit einem Binding in einer View und wollte mal sehen ob ich was finde das nicht passt.
Das Problem ist folgendes:
ich habe ein View mit einem Html-Widget das über ein Binding je nach Status gelb leuchtet oder nicht. Das funktioniert aber nur wenn ich der View einen bestimmten Namen gebe, ändere ich den Namen der View funktioniert nichts mehr!!
Ich habe aber keine Ahnung wiso??

[OliverIO]

@fritzke316
zeige doch mal das binding und versuche zu erklären was es machen soll

[fritzke316]

@oliverio

Das Binding sieht so aus:

{wert:knx.0.Licht.Rückmeldung_Schalten.WZ_LED_D_RMs; wert=="0"? "/icons-mfd-png/light_light.png": wert=="1"? "/icons-mfd-png/light_light_dim_100.png": " "}

Ich habe eine View die ich als Popup (Dialog) öffnen und um damit dann meine LED im Wohnzimmer zu steuern.
Das Binding sollte mir Licht an oder aus anzeigen.

Wenn ich die View für den Dialog nun "dialog_dimmer" nenne, dann funktioniert alles
nenne ich die View aber "dialog_dimmer_wz" oder dialog_dimmer_wz_couch" dann funktionierts nicht

[fritzke316]

Das ist die ganze View:

code_text
```
{
  "settings": {
    "style": {},
    "theme": "redmond",
    "sizex": "",
    "sizey": "",
    "gridSize": "",
    "snapType": null
  },
  "widgets": {
    "e00001": {
      "tpl": "tplJquiToogle",
      "data": {
        "oid": "knx.0.Licht.Schalten.WZ_LED_D_s",
        "g_fixed": true,
        "g_visibility": false,
        "g_css_font_text": false,
        "g_css_background": false,
        "g_css_shadow_padding": false,
        "g_css_border": true,
        "g_gestures": false,
        "g_signals": false,
        "g_last_change": false,
        "visibility-cond": "==",
        "visibility-val": 1,
        "visibility-groups-action": "hide",
        "signals-cond-0": "==",
        "signals-val-0": true,
        "signals-icon-0": "/vis/signals/lowbattery.png",
        "signals-icon-size-0": 0,
        "signals-blink-0": false,
        "signals-horz-0": 0,
        "signals-vert-0": 0,
        "signals-hide-edit-0": false,
        "signals-cond-1": "==",
        "signals-val-1": true,
        "signals-icon-1": "/vis/signals/lowbattery.png",
        "signals-icon-size-1": 0,
        "signals-blink-1": false,
        "signals-horz-1": 0,
        "signals-vert-1": 0,
        "signals-hide-edit-1": false,
        "signals-cond-2": "==",
        "signals-val-2": true,
        "signals-icon-2": "/vis/signals/lowbattery.png",
        "signals-icon-size-2": 0,
        "signals-blink-2": false,
        "signals-horz-2": 0,
        "signals-vert-2": 0,
        "signals-hide-edit-2": false,
        "lc-type": "last-change",
        "lc-is-interval": true,
        "lc-is-moment": false,
        "lc-format": "",
        "lc-position-vert": "top",
        "lc-position-horz": "right",
        "lc-offset-vert": 0,
        "lc-offset-horz": 0,
        "lc-font-size": "12px",
        "lc-font-family": "",
        "lc-font-style": "",
        "lc-bkg-color": "",
        "lc-color": "",
        "lc-border-width": "0",
        "lc-border-style": "",
        "lc-border-color": "",
        "lc-border-radius": 10,
        "lc-zindex": 0,
        "class": "mdui-button-raised mdui-gray-bg {wert:knx.0.Licht.Rückmeldung_Schalten.WZ_LED_D_RMs; wert==\"1\"? \"mdui-yellow-glow\": \" \"}",
        "label": "<span style=\"position:absolute; left:0px; bottom:0px; filter:invert(1);\"> <img  width=40px height=40px src=\"{wert:knx.0.Licht.Rückmeldung_Schalten.WZ_LED_D_RMs; wert==\"0\"? \"/icons-mfd-png/light_light.png\": wert==\"1\"? \"/icons-mfd-png/light_light_dim_100.png\": \" \"}\" </span>"
      },
      "style": {
        "left": "32px",
        "top": "128px",
        "width": "40px",
        "height": "40px",
        "border-radius": "20px"
      },
      "widgetSet": "jqui"
    },
    "e00002": {
      "tpl": "tplJquiButtonDialogClose",
      "data": {
        "g_fixed": true,
        "g_visibility": false,
        "g_css_font_text": false,
        "g_css_background": false,
        "g_css_shadow_padding": false,
        "g_css_border": true,
        "g_gestures": false,
        "g_signals": false,
        "g_last_change": false,
        "buttontext": "Schließen",
        "iconClass": "close",
        "signals-cond-0": "==",
        "signals-val-0": true,
        "signals-icon-0": "/vis/signals/lowbattery.png",
        "signals-icon-size-0": 0,
        "signals-blink-0": false,
        "signals-horz-0": 0,
        "signals-vert-0": 0,
        "signals-hide-edit-0": false,
        "signals-cond-1": "==",
        "signals-val-1": true,
        "signals-icon-1": "/vis/signals/lowbattery.png",
        "signals-icon-size-1": 0,
        "signals-blink-1": false,
        "signals-horz-1": 0,
        "signals-vert-1": 0,
        "signals-hide-edit-1": false,
        "signals-cond-2": "==",
        "signals-val-2": true,
        "signals-icon-2": "/vis/signals/lowbattery.png",
        "signals-icon-size-2": 0,
        "signals-blink-2": false,
        "signals-horz-2": 0,
        "signals-vert-2": 0,
        "signals-hide-edit-2": false,
        "lc-type": "last-change",
        "lc-is-interval": true,
        "lc-is-moment": false,
        "lc-format": "",
        "lc-position-vert": "top",
        "lc-position-horz": "right",
        "lc-offset-vert": 0,
        "lc-offset-horz": 0,
        "lc-font-size": "12px",
        "lc-font-family": "",
        "lc-font-style": "",
        "lc-bkg-color": "",
        "lc-color": "",
        "lc-border-width": "0",
        "lc-border-style": "",
        "lc-border-color": "",
        "lc-border-radius": 10,
        "lc-zindex": 0,
        "visibility-cond": "==",
        "visibility-val": 1,
        "visibility-groups-action": "hide",
        "class": "mdui-button-outlined mdui-black-bg mdui-subtitle",
        "show_effect": "",
        "no_style": true,
        "hide_effect": "",
        "hide_duration": "2",
        "show_duration": "2",
        "dlgName": "",
        "name": "schließen"
      },
      "style": {
        "left": "26px",
        "top": "202px",
        "width": "80px",
        "height": "30px",
        "border-color": "",
        "border-width": ""
      },
      "widgetSet": "jqui"
    },
    "e00003": {
      "tpl": "tplHtml",
      "data": {
        "g_fixed": true,
        "g_visibility": false,
        "g_css_font_text": false,
        "g_css_background": false,
        "g_css_shadow_padding": false,
        "g_css_border": false,
        "g_gestures": false,
        "g_signals": false,
        "g_last_change": false,
        "visibility-cond": "==",
        "visibility-val": 1,
        "visibility-groups-action": "hide",
        "refreshInterval": "0",
        "signals-cond-0": "==",
        "signals-val-0": true,
        "signals-icon-0": "/vis/signals/lowbattery.png",
        "signals-icon-size-0": 0,
        "signals-blink-0": false,
        "signals-horz-0": 0,
        "signals-vert-0": 0,
        "signals-hide-edit-0": false,
        "signals-cond-1": "==",
        "signals-val-1": true,
        "signals-icon-1": "/vis/signals/lowbattery.png",
        "signals-icon-size-1": 0,
        "signals-blink-1": false,
        "signals-horz-1": 0,
        "signals-vert-1": 0,
        "signals-hide-edit-1": false,
        "signals-cond-2": "==",
        "signals-val-2": true,
        "signals-icon-2": "/vis/signals/lowbattery.png",
        "signals-icon-size-2": 0,
        "signals-blink-2": false,
        "signals-horz-2": 0,
        "signals-vert-2": 0,
        "signals-hide-edit-2": false,
        "lc-type": "last-change",
        "lc-is-interval": true,
        "lc-is-moment": false,
        "lc-format": "",
        "lc-position-vert": "top",
        "lc-position-horz": "right",
        "lc-offset-vert": 0,
        "lc-offset-horz": 0,
        "lc-font-size": "12px",
        "lc-font-family": "",
        "lc-font-style": "",
        "lc-bkg-color": "",
        "lc-color": "",
        "lc-border-width": "0",
        "lc-border-style": "",
        "lc-border-color": "",
        "lc-border-radius": 10,
        "lc-zindex": 0,
        "html": "{knx.0.Licht.Rückmeldung_Dimmen.WZ_LED_D_RMd}%",
        "comment": "mdui-value",
        "name": "Dimmwert"
      },
      "style": {
        "left": "285px",
        "top": "137px",
        "width": "40px",
        "height": "20px",
        "z-index": "1"
      },
      "widgetSet": "basic"
    },
    "e00004": {
      "tpl": "tplJquiSlider",
      "data": {
        "oid": "knx.0.Licht.Dimmen_Wert.WZ_LED_D_w",
        "g_fixed": true,
        "g_visibility": false,
        "g_css_font_text": false,
        "g_css_background": false,
        "g_css_shadow_padding": false,
        "g_css_border": false,
        "g_gestures": false,
        "g_signals": false,
        "g_last_change": false,
        "visibility-cond": "==",
        "visibility-val": 1,
        "visibility-groups-action": "hide",
        "signals-cond-0": "==",
        "signals-val-0": true,
        "signals-icon-0": "/vis/signals/lowbattery.png",
        "signals-icon-size-0": 0,
        "signals-blink-0": false,
        "signals-horz-0": 0,
        "signals-vert-0": 0,
        "signals-hide-edit-0": false,
        "signals-cond-1": "==",
        "signals-val-1": true,
        "signals-icon-1": "/vis/signals/lowbattery.png",
        "signals-icon-size-1": 0,
        "signals-blink-1": false,
        "signals-horz-1": 0,
        "signals-vert-1": 0,
        "signals-hide-edit-1": false,
        "signals-cond-2": "==",
        "signals-val-2": true,
        "signals-icon-2": "/vis/signals/lowbattery.png",
        "signals-icon-size-2": 0,
        "signals-blink-2": false,
        "signals-horz-2": 0,
        "signals-vert-2": 0,
        "signals-hide-edit-2": false,
        "lc-type": "last-change",
        "lc-is-interval": true,
        "lc-is-moment": false,
        "lc-format": "",
        "lc-position-vert": "top",
        "lc-position-horz": "right",
        "lc-offset-vert": 0,
        "lc-offset-horz": 0,
        "lc-font-size": "12px",
        "lc-font-family": "",
        "lc-font-style": "",
        "lc-bkg-color": "",
        "lc-color": "",
        "lc-border-width": "0",
        "lc-border-style": "",
        "lc-border-color": "",
        "lc-border-radius": 10,
        "lc-zindex": 0,
        "class": "mdui-slider mdui-show-hint mdui-blue-acc",
        "min": "0",
        "max": "100",
        "submitmethod": "stop",
        "name": "Slider"
      },
      "style": {
        "left": "27px",
        "top": "85px",
        "width": "300px",
        "height": "30px",
        "z-index": "1"
      },
      "widgetSet": "jqui"
    },
    "e00005": {
      "tpl": "tplHtml",
      "data": {
        "g_fixed": true,
        "g_visibility": false,
        "g_css_font_text": false,
        "g_css_background": false,
        "g_css_shadow_padding": false,
        "g_css_border": false,
        "g_gestures": false,
        "g_signals": false,
        "g_last_change": false,
        "visibility-cond": "==",
        "visibility-val": 1,
        "visibility-groups-action": "hide",
        "refreshInterval": "0",
        "signals-cond-0": "==",
        "signals-val-0": true,
        "signals-icon-0": "/vis/signals/lowbattery.png",
        "signals-icon-size-0": 0,
        "signals-blink-0": false,
        "signals-horz-0": 0,
        "signals-vert-0": 0,
        "signals-hide-edit-0": false,
        "signals-cond-1": "==",
        "signals-val-1": true,
        "signals-icon-1": "/vis/signals/lowbattery.png",
        "signals-icon-size-1": 0,
        "signals-blink-1": false,
        "signals-horz-1": 0,
        "signals-vert-1": 0,
        "signals-hide-edit-1": false,
        "signals-cond-2": "==",
        "signals-val-2": true,
        "signals-icon-2": "/vis/signals/lowbattery.png",
        "signals-icon-size-2": 0,
        "signals-blink-2": false,
        "signals-horz-2": 0,
        "signals-vert-2": 0,
        "signals-hide-edit-2": false,
        "lc-type": "last-change",
        "lc-is-interval": true,
        "lc-is-moment": false,
        "lc-format": "",
        "lc-position-vert": "top",
        "lc-position-horz": "right",
        "lc-offset-vert": 0,
        "lc-offset-horz": 0,
        "lc-font-size": "12px",
        "lc-font-family": "",
        "lc-font-style": "",
        "lc-bkg-color": "",
        "lc-color": "",
        "lc-border-width": "0",
        "lc-border-style": "",
        "lc-border-color": "",
        "lc-border-radius": 10,
        "lc-zindex": 0,
        "class": "mdui-subtitle",
        "html": "Wohnzimmer",
        "name": "Raum"
      },
      "style": {
        "left": "27px",
        "top": "23px",
        "width": "98px",
        "height": "20px"
      },
      "widgetSet": "basic"
    },
    "e00006": {
      "tpl": "tplHtml",
      "data": {
        "g_fixed": true,
        "g_visibility": false,
        "g_css_font_text": false,
        "g_css_background": false,
        "g_css_shadow_padding": false,
        "g_css_border": false,
        "g_gestures": false,
        "g_signals": false,
        "g_last_change": false,
        "visibility-cond": "==",
        "visibility-val": 1,
        "visibility-groups-action": "hide",
        "refreshInterval": "0",
        "signals-cond-0": "==",
        "signals-val-0": true,
        "signals-icon-0": "/vis/signals/lowbattery.png",
        "signals-icon-size-0": 0,
        "signals-blink-0": false,
        "signals-horz-0": 0,
        "signals-vert-0": 0,
        "signals-hide-edit-0": false,
        "signals-cond-1": "==",
        "signals-val-1": true,
        "signals-icon-1": "/vis/signals/lowbattery.png",
        "signals-icon-size-1": 0,
        "signals-blink-1": false,
        "signals-horz-1": 0,
        "signals-vert-1": 0,
        "signals-hide-edit-1": false,
        "signals-cond-2": "==",
        "signals-val-2": true,
        "signals-icon-2": "/vis/signals/lowbattery.png",
        "signals-icon-size-2": 0,
        "signals-blink-2": false,
        "signals-horz-2": 0,
        "signals-vert-2": 0,
        "signals-hide-edit-2": false,
        "lc-type": "last-change",
        "lc-is-interval": true,
        "lc-is-moment": false,
        "lc-format": "",
        "lc-position-vert": "top",
        "lc-position-horz": "right",
        "lc-offset-vert": 0,
        "lc-offset-horz": 0,
        "lc-font-size": "12px",
        "lc-font-family": "",
        "lc-font-style": "",
        "lc-bkg-color": "",
        "lc-color": "",
        "lc-border-width": "0",
        "lc-border-style": "",
        "lc-border-color": "",
        "lc-border-radius": 10,
        "lc-zindex": 0,
        "class": "mdui-title",
        "html": "Dimmer Couch",
        "name": "Gerät"
      },
      "style": {
        "left": "27px",
        "top": "1px",
        "width": "282px",
        "height": "26px"
      },
      "widgetSet": "basic"
    }
  },
  "name": "dialog_dimmer",
  "filterList": []
}
```

[OliverIO]

@fritzke316 sagte in Wie kann ich die vis-views.json öffnen?:

{wert:knx.0.Licht.Rückmeldung_Schalten.WZ_LED_D_RMs; wert=="0"? "/icons-mfd-png/light_light.png": wert=="1"? "/icons-mfd-png/light_light_dim_100.png": " "}

ich hab mir das binding angeschaut, musste allerdings den datenpunkt ändern.
das binding funktioniert bei mir. erst dachte ich das es an der verschachtelten konstrukt des ternary operators liegt, aber alles in Ordnung.

nur das IMG-Tag hast du nicht geschlossen. daher könnte das bild evt. nicht angezeigt werden.

Warum denkst du, das es nur an diesem binding liegt?
bindings sind eine sehr komplexe logik in vis. ich musste mich da mehrmals durch debuggen. irgend eine Verbindung mit einer view gibt es da eigentlich nicht, ausser, das in einer view der datencontainer für alle enthaltenen widgets ist. aber ein binding fragt nicht danach auf welcher view es sich befindet.

hast du mal mit den developer tools des browser geschaut, was tatsächlich da im browser landet?

[fritzke316]

@oliverio
Danke für den Tip mit den developer tools!
Scheint so als ob eine andere alte View die ich eigentlich löschen wollte, was ich vom Vis Editor aus aber nicht mehr machen konnte, da sie nicht mehr richtig angezeigt wurde.
Ich werde dann heute abend mal die Vis-Views.json kopieren und versuchen dort die defekte View zu löschen.
Vielleicht leufts dann ja wieder :)

[fritzke316]

@oliverio said in Wie kann ich die vis-views.json öffnen?:

verschachtelten konstrukt des ternary operators

Was meinst du eigentlich mit verschachteltem Konstrukt? Kann man das auch einfacher oder besser lösen?
Ich bin ein blutiger Anfänger und versuche mich erst in HTML und CSS einzuarbeiten, oder kopier mir aus dem Internet was ich brauche, und bin deshalb über jeden Hilfe dankbar :)

[OliverIO]

@fritzke316 sagte in Wie kann ich die vis-views.json öffnen?:

@oliverio said in Wie kann ich die vis-views.json öffnen?:

verschachtelten konstrukt des ternary operators

Was meinst du eigentlich mit verschachteltem Konstrukt? Kann man das auch einfacher oder besser lösen?
Ich bin ein blutiger Anfänger und versuche mich erst in HTML und CSS einzuarbeiten, oder kopier mir aus dem Internet was ich brauche, und bin deshalb über jeden Hilfe dankbar :)

ne für das binding ist das schon ok. man sollte allerdings die verschiedenen fälle vorher bspw im javascript adapter testen, so das bei den allen kombinationen auch das gewünschte Ergebnis rauskommt.
zur besseren lesbarkeit könnte man noch klammern um die einzelnen ausdrücke schreiben. ansonsten ist das schwer lesbar und nachvollziehbar

https://www.rithmschool.com/blog/using-the-javascript-ternary-operator

[fritzke316]

@oliverio
hab den fehler jetzt gefunden, es war tastsächlich eine defekte View in der ich den nicht Funktioniereneden datenpunkt auch verbaut hatte.
Hab die View in vis-views.json gelöscht und jetzt funtzt wieder.
Danke für deine Hilfe Olivero :)