Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Bindings in vis

    NEWS

    • ioBroker goes Matter ... Matter Adapter in Stable

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    Bindings in vis

    This topic has been deleted. Only users with topic management privileges can see it.
    • SBorg
      SBorg Forum Testing Most Active @JB_Sullivan last edited by

      @JB_Sullivan Das funktioniert so nur im Binding 😉
      Unser Beispiel mal etwas aufgebohrt:

      let uptime_min=Math.round(getState("system.adapter.admin.0.uptime").val /60);
      // wir teilen durch 60 (da die Uptime in Sekunden ist), um die Minuten zu erhalten 
      // und runden das Ganze zu vollen Minuten auf
      
      let HTML="<table border=\"1\">";
      HTML+="<tr><th></th><th>in Sekunden</th><th>in Minuten</th></tr>";
      HTML+="<tr>";
      HTML+="<td>Uptime:</td>";
      HTML+="<td>" + getState("system.adapter.admin.0.uptime").val+ "</td>";
      HTML+="<td>" + uptime_min + "</td>";
      HTML+="</tr>";
      HTML+="</table>";
      
      
      return HTML;
      

      Man könnte auch #1 streichen und es direkt in #10 packen:

      HTML+="<td>" + Math.round(getState("system.adapter.admin.0.uptime").val /60) + "</td>";
      

      Bei längerem Sourcecode verliert man so aber rasch den Überblick, auch sind Änderungen (wenn sich bspw. mal ein Datenpunkt ändert) nicht mehr so schnell möglich. Wenn der Wert in einer Variablen steckt kann man auch bequem mehrmals auf diesen zugreifen, oder ändern, oder...

      ...und bei Nachkommastellen hilft nur multiplizieren, runden und abschließend wieder teilen, da JS nur Ganzzahlig rundet, oder man mit .toFixed(x) direkt abschneidet.

      JB_Sullivan 1 Reply Last reply Reply Quote 0
      • JB_Sullivan
        JB_Sullivan @SBorg last edited by

        @SBorg
        Vielen herzlichen Dank für deinen Gedankenanstoß mit den Blockly und dem javaScript.
        Die Tabelle funktioniert jetzt und es VIEL VIEL schneller als alles was ich mir mit den Bindings zurecht gebastelt hatte.

        ce60f753-04ac-4bcf-884c-f187c42dc02d-image.png

        SBorg 1 Reply Last reply Reply Quote 0
        • SBorg
          SBorg Forum Testing Most Active @JB_Sullivan last edited by

          @JB_Sullivan 🙂 ...und im Grunde kann man als letzten Schritt auch noch auf das Blockly verzichten und packt den Trigger oder Cron einfach mit in ein JS.

          btw: hat schon mal wer ein Binding auf ein JSON funktionsfähig bekommen?

          1 Reply Last reply Reply Quote 0
          • W
            wye last edited by wye

            Hallo zusammen,

            versuche mich aktuell am Binding für die Farbänderung.

            {0_userdata.0.example_state} <- damit wird in einem Widget alles korrekt dargestellt. 1.PNG

            Soweit so gut!

            Problem stellt die View an sich dar...
            So ändert sich der Background der View leider nicht...
            Edit: Häkchen setzen oder nicht ändert leider auch nichts
            Was mache ich falsch?2.PNG

            OliverIO 1 Reply Last reply Reply Quote 0
            • OliverIO
              OliverIO @wye last edited by

              @wye sagte in Bindings in vis:

              Hallo zusammen,

              versuche mich aktuell am Binding für die Farbänderung.

              {0_userdata.0.example_state} <- damit wird in einem Widget alles korrekt dargestellt. 1.PNG

              Soweit so gut!

              Problem stellt die View an sich dar...
              So ändert sich der Background der View leider nicht...
              Edit: Häkchen setzen oder nicht ändert leider auch nichts
              Was mache ich falsch?2.PNG

              lustig,
              habe es gerade ausprobiert, tut bei mir auch nicht.
              im code von vis sieht es so aus, das bindings nur in widgets gehen.
              aber evtl. weiß jemand anderes mehr

              1 Reply Last reply Reply Quote 0
              • SBorg
                SBorg Forum Testing Most Active last edited by

                Sagen, oder zitieren wir mal von GitHub:

                ...there is another option how to bind any attribute of widget to some ObjectID...

                😉

                W 1 Reply Last reply Reply Quote 0
                • W
                  wye @SBorg last edited by

                  @sborg said in Bindings in vis:

                  Sagen, oder zitieren wir mal von GitHub:

                  ...there is another option how to bind any attribute of widget to some ObjectID...

                  😉

                  Ah ok...
                  Danke für Info an euch beide!

                  1 Reply Last reply Reply Quote 0
                  • D
                    DoubleD @SBorg last edited by

                    @sborg said in Bindings in vis:

                    @SBorg sagte in Bindings in vis:

                    EDIT Hmm, wo der Flot-Part herkommt ist eigenartig und Homematic habe ich ebenfalls nicht...

                    Steckt tatsächlich im "Info" und lässt sich nur beim Export/Import herauslöschen.
                    Mit den Bindings lässt sich so einiges realisieren. Man kann auch zwei oder mehrere Objektbedingungen prüfen.

                    Ich möchte eine Anzeige wenn es regnet und das Garagentor offen steht...
                    Mit Blockly, JS, Node-RED kann ich zwar z.B. die Bedingungen prüfen und auch reagieren (bspw. Fahrbefehl 'Garage zu'), für eine Anzeige in VIS müsste ich aber nun extra ein Objekt erzeugen. Ist mit Bindings aber nicht nötig, da ich "einfach" (zumindest wenn man es mal verinnerlicht hat 🙂 ) prüfen kann ob Objekt "Regen" = true UND Objekt "Garagentor" = offen --> dann Anzeige "es regnet gerade in die Garage"

                    ...und mal ein Beispiel für den "BackitUp":
                    auf Knopfdruck Backup erstellen und den jeweiligen Status (erstellen/wird erstellt) anzeigen.
                    Backup.png


                    [{"tpl":"tplJquiButtonState","data":{"oid":"backitup.0.oneClick.minimal","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttontext":"{wert:backitup.0.oneClick.minimal;wert === "true" || wert === true || wert === 1 ? "Minimal Backup </br> wird erstellt" :: "Minimal Backup </br> erstellen"}","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,"no_style":false,"value":"true","name":"Minimal-Backup_Button","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},"style":{"left":"1027px","top":"55px","border-width":"2px","border-style":"solid","border-color":"#505253","width":"200px","height":"50px","z-index":"3","border-radius":"10px","box-shadow":"8px 8px 8px rgba(20, 20, 20, 50)"},"widgetSet":"jqui"}]


                    [{"tpl":"tplJquiButtonState","data":{"oid":"backitup.0.oneClick.total","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttontext":"{wert:backitup.0.oneClick.total;wert === "true" || wert === true || wert === 1 ? "Voll-Backup </br> wird erstellt" :: "Voll Backup </br> erstellen"}","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,"no_style":false,"value":"true","name":"Voll-Backup_Button","html_prepend":"","html_append":"","class":""},"style":{"left":"1027px","top":"125px","border-width":"2px","border-style":"solid","border-color":"#505253","width":"200px","height":"50px","z-index":"3","border-radius":"10px","box-shadow":"8px 8px 8px rgba(20, 20, 20, 50)"},"widgetSet":"jqui"}]

                    Hier wird mit "ODER" die Bedingung überprüft: Objekt = "true" oder true oder 1

                    @SBorg
                    Beim Import werden bei mit Fehler angezeigt, was könnte das sein?
                    io_import.jpg

                    Danke & Gruß
                    Daniel

                    crunchip SBorg 2 Replies Last reply Reply Quote 0
                    • crunchip
                      crunchip Forum Testing Most Active @DoubleD last edited by

                      @doubled sagte in Bindings in vis:

                      Beim Import

                      als widget?

                      D 1 Reply Last reply Reply Quote 0
                      • SBorg
                        SBorg Forum Testing Most Active @DoubleD last edited by

                        @doubled

                        ...und noch: beim Minimal-Backup? Voll Backup gibt es ja schon einige Zeit nicht mehr beim Adapter 😉

                        1 Reply Last reply Reply Quote 0
                        • D
                          DoubleD @crunchip last edited by

                          @crunchip

                          Ja

                          SBorg 1 Reply Last reply Reply Quote 0
                          • crunchip
                            crunchip Forum Testing Most Active last edited by

                            @doubled stimmt erhalte ebenfalls nen SyntaxError, egal ob mini oder voll, da müsste @SBorg vllt nochmal nachsehen

                            1 Reply Last reply Reply Quote 0
                            • SBorg
                              SBorg Forum Testing Most Active @DoubleD last edited by

                              @doubled / @crunchip
                              Aus welchem Grunde auch immer sind da die "escapeds" der Anführungszeichen innerhalb des Bindings verlorengegangen.

                              Minimal-Backup (full gibt es ja nicht mehr 😉 ) :

                              [{"tpl":"tplJquiButtonState","data":{"oid":"backitup.0.oneClick.iobroker","g_fixed":true,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","buttontext":"{wert:backitup.0.oneClick.iobroker;wert === \"true\" || wert === true || wert === 1 ? \"Backup </br> wird erstellt\" : \"Backup </br>jetzt erstellen\"}","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,"no_style":false,"value":"true","name":"Minimal-Backup_Button","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},"style":{"left":"1497px","top":"55px","border-width":"2px","border-style":"solid","border-color":"#505253","width":"200px","height":"50px","z-index":"3","border-radius":"10px","box-shadow":"8px 8px 8px rgba(20, 20, 20, 50)"},"widgetSet":"jqui"}]
                              
                              Homoran 1 Reply Last reply Reply Quote 1
                              • crunchip
                                crunchip Forum Testing Most Active last edited by

                                @sborg sagte in Bindings in vis:

                                escapeds

                                jetzt musst ich erst mal beide vergleichen, was du da meinst🤔
                                backslash

                                SBorg 1 Reply Last reply Reply Quote 0
                                • Homoran
                                  Homoran Global Moderator Administrators @SBorg last edited by

                                  @sborg sagte in Bindings in vis:

                                  Aus welchem Grunde auch immer sind da die "escapeds" der Anführungszeichen innerhalb des Bindings verlorengegangen.

                                  wo? (habe nur gerade diesen Post gesehen)
                                  hier im Forum?
                                  da passiert das wegen Markdown.

                                  Bitte Link, dann seh ich mir das mal an

                                  1 Reply Last reply Reply Quote 0
                                  • SBorg
                                    SBorg Forum Testing Most Active @crunchip last edited by

                                    @crunchip sagte in Bindings in vis:

                                    backslash

                                    Das ist was du siehst, programmtechnisch sind das Sonderzeichen escapen.

                                    Wen es genau interessiert:

                                    falsch beim Binding:
                                    "{wert:backitup.0.oneClick.iobroker;wert === "true" || wert === true || wert === 1 ? "Backup </br> wird erstellt" : "Backup </br>jetzt erstellen"}"
                                    
                                    korrekt:
                                    "{wert:backitup.0.oneClick.iobroker;wert === \"true\" || wert === true || wert === 1 ? \"Backup </br> wird erstellt\" : \"Backup </br>jetzt erstellen\"}"
                                    

                                    @homoran sagte in Bindings in vis:

                                    Bitte Link, dann seh ich mir das mal an

                                    Ist im Spoiler anscheinend versiebt gegangen, ist mir bis eben aber auch nicht aufgefallen 😉
                                    https://forum.iobroker.net/post/281934

                                    Homoran 1 Reply Last reply Reply Quote 1
                                    • Homoran
                                      Homoran Global Moderator Administrators @SBorg last edited by

                                      @sborg sagte in Bindings in vis:

                                      Ist im Spoiler anscheinend versiebt gegangen, ist mir bis eben aber auch nicht aufgefallen

                                      ich hab es mal innerhalb des Spoilers in codetags gesetzt
                                      Dann sollten die Escapes auch zu sehen sein

                                      SBorg 1 Reply Last reply Reply Quote 0
                                      • SBorg
                                        SBorg Forum Testing Most Active @Homoran last edited by

                                        @homoran Danke, habe gleich noch den doppelten Doppelpunkt beim "oder" im Binding ausgemerzt und den "Voll-Backup" als obsolet gekennzeichnet.

                                        1 Reply Last reply Reply Quote 1
                                        • H
                                          Hausbaer last edited by

                                          Guten Morgen,

                                          ich kämpfe auch mit den Bindings. Ich möchte die Farbe ändern, je nachdem in einem DP der Wert "true" oder "false" ist.

                                          Sieht momentan so aus:

                                          {wert:system.adapter.admin.0.alive; wert === "true" ? "#35ff05" : "#e66e05"}
                                          

                                          Ich habe mir die Farben unter 0_userdata definiert.

                                          Und dann funktionierts nicht mehr:

                                          {wert:system.adapter.admin.0.alive; wert === "true" ? "{0_userdata.0.einstellung_farben_schriftarten.farbe-4}" : "{0_userdata.0.einstellung_farben_schriftarten.farbe-5}"}
                                          

                                          Was fehlt da?

                                          OliverIO liv-in-sky 2 Replies Last reply Reply Quote 0
                                          • OliverIO
                                            OliverIO @Hausbaer last edited by OliverIO

                                            @hausbaer
                                            Verschachtelte bindings gehen nicht
                                            Du musst den Inhalt des datenpunkt analog wie wert in eine Variable übernehmen und diese Variable dann verwenden

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            956
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            17
                                            81
                                            10817
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo