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
    674

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

  • 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 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

                        564

                        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