NEWS
VIS Widget Object Value in Edit, nicht in Runtime
-
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
-
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
Nein , Widget exportieren und hier im Code oder als Txt Anhang einfügen.
-
OK, das bekomme ich hin
widget.txt -
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.
-
OK, das bekomme ich hin
widget.txt@MarOde sagte in VIS Widget Object Value in Edit, nicht in Runtime:
OK, das bekomme ich hin
widget.txtGeht nicht bei mir, welches Widget ist das?
-
@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.
-
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?
-
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?
@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
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