Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. VIS Widget Object Value in Edit, nicht in Runtime

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    688

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    5.8k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

VIS Widget Object Value in Edit, nicht in Runtime

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
16 Beiträge 3 Kommentatoren 797 Aufrufe 3 Beobachtet
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • MarOdeM MarOde

    @Sigi234: Der DP sieht wie folgt aus (Ich hatte ihn im Beispiel oben etwas eingedampft):

    {
      "from": "system.adapter.admin.0",
      "ts": 1555530325474,
      "common": {
        "name": "Calendar.Garbage.YellowDate",
        "role": "",
        "type": "string",
        "desc": "Manuell erzeugt",
        "def": "",
        "read": true,
        "write": true
      },
      "native": {},
      "acl": {
        "object": 1636,
        "owner": "system.user.admin",
        "ownerGroup": "system.group.administrator",
        "state": 1636
      },
      "_id": "javascript.0.State.Calendar.Garbage.YellowDate",
      "type": "state"
    }
    

    @Homoran: Ja, bis auf die leeren Inhalte sieht der gut (über Geschmack kann man ja streiten 😊) aus.

    Im Editor wird alles dargestellt:
    (edit.jpg
    In der Runtime wird es dann mager:
    runtime.jpg

    Im Chrome Inspector ist die Stelle auch wirklich einfach nur leer:

    <p></p>
    
    sigi234S Online
    sigi234S Online
    sigi234
    Forum Testing Most Active
    schrieb am zuletzt editiert von
    #5

    @MarOde

    Stell das Widget mal rein um es zu testen.

    Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
    Immer Daten sichern!

    1 Antwort Letzte Antwort
    0
    • MarOdeM Offline
      MarOdeM Offline
      MarOde
      schrieb am zuletzt editiert von MarOde
      #6

      Was brauchst Du dafür?

      Reicht das:

      <script 
      	id="tplVis-sie8StatusGarbage"
          type="text/ejs"
          class="vis-tpl"
          data-vis-set="vis-sie8"
      	data-vis-name="Sie8 Status Garbage"
      	data-vis-type="static"
          data-vis-attrs="idDate/id;idDays/id;"
      	data-vis-attrs0="group.Sie8;imgIcon/image;colIcon[#ffffff]/color;"
      	data-vis-prev='<div id="prev_tplVis-sie8StatusGarbage" style="position: relative; text-align: initial; padding: 4px "><div class="vis-widget_prev sie8-widget sie8-status-content vis-tpl-vis-sie8-Sie8 Status Garbage " style="width: 78px; height: 78px; left: 883px; top: 41px; position: absolute;"> <div class="vis-widget-prev-body sie8-widget-body"> <div class="sie8-status-content-garbage"> <img src="/icons-mfd-png/message_garbage.png" width="64"> </div> <div class="sie8-status-content-garbage"> <p>28.12.2019</p> </div> <div class="sie8-status-content-garbage"> <svg width="100" height="100"> <circle cx="65" cy="15" r="10" stroke="#eeeeee" stroke-width="0" fill="red"></circle> </svg> </div> <div class="sie8-status-content-garbage"> <p class="sie8-rednumber">7</p> </div> </div> <div class="ui-resizable-handle ui-resizable-n" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-w" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 90;"></div></div></div>'
      	>
      
      	<%
      		var colImage = this.data.attr('colIcon');
      	%>
      
      	<div class="vis-widget sie8-widget sie8-status-content"  id="<%= this.data.attr('wid') %>" style="width: 78px; height: 78px;" >
      		<div class="vis-widget-body sie8-widget-body">
      			<div class="sie8-status-content-garbage" style="width: 60px; height: 60px; position: absolute; left: 10px; top: 2px;">
      				<img <%= this.data.attr('imgIcon') ? 'src="' +  this.data.attr('imgIcon') + '"' : '' %> <%= (el) -> vis.binds.jqueryui.setSvgColor(el, colImage) %> >
      			</div>
      			<div class="sie8-status-content-garbage">
      				<p><%== vis.states[this.data.attr('idDate') + '.val'] %></p>
      			</div>
      			<div class="sie8-status-content-garbage" style="width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;">
      				<svg width="100%" height="100%">
      					<circle cx="65" cy="15" r="10" stroke="#eeeeee" stroke-width="0" fill="red" />
      				</svg>
      			</div>
      			<div class="sie8-status-content-garbage">
      				<p class="sie8-rednumber"><%== vis.states[this.data.attr('idDays') + '.val'] %></p>
      			</div>
      		</div>
      	</div>
      
      </script>
      

      [Update]
      Wie gesagt, bin eher Anfänger, als Experte. Wenn ich mir die Console im Chrome Inspector anschaue, wird offenbar für jeden State, der irgendwo in der VIS verwendet wird, ein "Inner Vis Object angelegt". Nur für meine hier nicht 😞

      sigi234S 1 Antwort Letzte Antwort
      0
      • MarOdeM MarOde

        Was brauchst Du dafür?

        Reicht das:

        <script 
        	id="tplVis-sie8StatusGarbage"
            type="text/ejs"
            class="vis-tpl"
            data-vis-set="vis-sie8"
        	data-vis-name="Sie8 Status Garbage"
        	data-vis-type="static"
            data-vis-attrs="idDate/id;idDays/id;"
        	data-vis-attrs0="group.Sie8;imgIcon/image;colIcon[#ffffff]/color;"
        	data-vis-prev='<div id="prev_tplVis-sie8StatusGarbage" style="position: relative; text-align: initial; padding: 4px "><div class="vis-widget_prev sie8-widget sie8-status-content vis-tpl-vis-sie8-Sie8 Status Garbage " style="width: 78px; height: 78px; left: 883px; top: 41px; position: absolute;"> <div class="vis-widget-prev-body sie8-widget-body"> <div class="sie8-status-content-garbage"> <img src="/icons-mfd-png/message_garbage.png" width="64"> </div> <div class="sie8-status-content-garbage"> <p>28.12.2019</p> </div> <div class="sie8-status-content-garbage"> <svg width="100" height="100"> <circle cx="65" cy="15" r="10" stroke="#eeeeee" stroke-width="0" fill="red"></circle> </svg> </div> <div class="sie8-status-content-garbage"> <p class="sie8-rednumber">7</p> </div> </div> <div class="ui-resizable-handle ui-resizable-n" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-w" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 90;"></div></div></div>'
        	>
        
        	<%
        		var colImage = this.data.attr('colIcon');
        	%>
        
        	<div class="vis-widget sie8-widget sie8-status-content"  id="<%= this.data.attr('wid') %>" style="width: 78px; height: 78px;" >
        		<div class="vis-widget-body sie8-widget-body">
        			<div class="sie8-status-content-garbage" style="width: 60px; height: 60px; position: absolute; left: 10px; top: 2px;">
        				<img <%= this.data.attr('imgIcon') ? 'src="' +  this.data.attr('imgIcon') + '"' : '' %> <%= (el) -> vis.binds.jqueryui.setSvgColor(el, colImage) %> >
        			</div>
        			<div class="sie8-status-content-garbage">
        				<p><%== vis.states[this.data.attr('idDate') + '.val'] %></p>
        			</div>
        			<div class="sie8-status-content-garbage" style="width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;">
        				<svg width="100%" height="100%">
        					<circle cx="65" cy="15" r="10" stroke="#eeeeee" stroke-width="0" fill="red" />
        				</svg>
        			</div>
        			<div class="sie8-status-content-garbage">
        				<p class="sie8-rednumber"><%== vis.states[this.data.attr('idDays') + '.val'] %></p>
        			</div>
        		</div>
        	</div>
        
        </script>
        

        [Update]
        Wie gesagt, bin eher Anfänger, als Experte. Wenn ich mir die Console im Chrome Inspector anschaue, wird offenbar für jeden State, der irgendwo in der VIS verwendet wird, ein "Inner Vis Object angelegt". Nur für meine hier nicht 😞

        sigi234S Online
        sigi234S Online
        sigi234
        Forum Testing Most Active
        schrieb am zuletzt editiert von
        #7

        @MarOde

        Nein , Widget exportieren und hier im Code oder als Txt Anhang einfügen.

        Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
        Immer Daten sichern!

        1 Antwort Letzte Antwort
        0
        • MarOdeM Offline
          MarOdeM Offline
          MarOde
          schrieb am zuletzt editiert von
          #8

          OK, das bekomme ich hin 😊 widget.txt

          sigi234S 1 Antwort Letzte Antwort
          0
          • MarOdeM Offline
            MarOdeM Offline
            MarOde
            schrieb am zuletzt editiert von
            #9

            Ich vermute einmal, es liegt am daran, dass die Funktion createIds in der vis.js nicht aufgerufen wird. Da wird der Inhalt wohl erst in die States aufgenommen. Allerdings scheint die in dem Beispiel Widget aus dem Wizard (also diesem Show Instance) auch nicht separat aufgerufen zu werden.

            Sorry, Jungs, ist mein erster Widget Versuch und ich stelle mich wohl ziemlich dumm an.

            1 Antwort Letzte Antwort
            0
            • MarOdeM MarOde

              OK, das bekomme ich hin 😊 widget.txt

              sigi234S Online
              sigi234S Online
              sigi234
              Forum Testing Most Active
              schrieb am zuletzt editiert von
              #10

              @MarOde sagte in VIS Widget Object Value in Edit, nicht in Runtime:

              OK, das bekomme ich hin 😊 widget.txt

              Geht nicht bei mir, welches Widget ist das?

              Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
              Immer Daten sichern!

              1 Antwort Letzte Antwort
              0
              • MarOdeM Offline
                MarOdeM Offline
                MarOde
                schrieb am zuletzt editiert von
                #11

                Mein eigenes, dass ich gerade versuche zu bauen

                sigi234S 1 Antwort Letzte Antwort
                0
                • MarOdeM MarOde

                  Mein eigenes, dass ich gerade versuche zu bauen

                  sigi234S Online
                  sigi234S Online
                  sigi234
                  Forum Testing Most Active
                  schrieb am zuletzt editiert von
                  #12

                  @MarOde sagte in VIS Widget Object Value in Edit, nicht in Runtime:

                  Mein eigenes, dass ich gerade versuche zu bauen

                  Aha, das ist was anderes, da bin ich raus.

                  Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                  Immer Daten sichern!

                  1 Antwort Letzte Antwort
                  0
                  • MarOdeM Offline
                    MarOdeM Offline
                    MarOde
                    schrieb am zuletzt editiert von
                    #13

                    @sigi234 Danke für den Versuch!

                    1 Antwort Letzte Antwort
                    0
                    • MarOdeM Offline
                      MarOdeM Offline
                      MarOde
                      schrieb am zuletzt editiert von
                      #14

                      Das Thema ist gelöst. Zumindest funktioniert es jetzt bei mir.

                      Scheinbar werden data-vis-attr vom Typ id nur dann automatisch in die Liste der vis.states übernommen, wenn die Namensgebung mit oid beginnt.

                      Vielleicht kann das noch jemand bestätigen?

                      HomoranH 1 Antwort Letzte Antwort
                      0
                      • MarOdeM MarOde

                        Das Thema ist gelöst. Zumindest funktioniert es jetzt bei mir.

                        Scheinbar werden data-vis-attr vom Typ id nur dann automatisch in die Liste der vis.states übernommen, wenn die Namensgebung mit oid beginnt.

                        Vielleicht kann das noch jemand bestätigen?

                        HomoranH Nicht stören
                        HomoranH Nicht stören
                        Homoran
                        Global Moderator Administrators
                        schrieb am zuletzt editiert von
                        #15

                        @MarOde sagte in VIS Widget Object Value in Edit, nicht in Runtime:

                        Das Thema ist gelöst. Zumindest funktioniert es jetzt bei mir.

                        Scheinbar werden data-vis-attr vom Typ id nur dann automatisch in die Liste der vis.states übernommen, wenn die Namensgebung mit oid beginnt.

                        Vielleicht kann das noch jemand bestätigen?

                        Ich denke da es sich hier um die Entwicklung eigener Widgets handelt (So was hätte in den ersten Post gehört!!) ist das ein Thema für das Entwickler Unterforum

                        kein Support per PN! - Fragen im Forum stellen -
                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.
                        Das Forum freut sich über eine Spende. Benutzt dazu den Spendenbutton im Header. Danke!
                        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                        1 Antwort Letzte Antwort
                        0
                        • MarOdeM Offline
                          MarOdeM Offline
                          MarOde
                          schrieb am zuletzt editiert von
                          #16

                          Mein Fehler. Entschuldigt bitte.

                          1 Antwort Letzte Antwort
                          0

                          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 Anmelden
                          Antworten
                          • In einem neuen Thema antworten
                          Anmelden zum Antworten
                          • Älteste zuerst
                          • Neuste zuerst
                          • Meiste Stimmen


                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          465

                          Online

                          32.7k

                          Benutzer

                          82.6k

                          Themen

                          1.3m

                          Beiträge
                          Community
                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                          ioBroker Community 2014-2025
                          logo
                          • Anmelden

                          • Du hast noch kein Konto? Registrieren

                          • Anmelden oder registrieren, um zu suchen
                          • Erster Beitrag
                            Letzter Beitrag
                          0
                          • Home
                          • Aktuell
                          • Tags
                          • Ungelesen 0
                          • Kategorien
                          • Unreplied
                          • Beliebt
                          • GitHub
                          • Docu
                          • Hilfe