Objekt-Binding und Gruppierung

Tobito

@fritzke316
Ja, scheint das gleiche Thema zu sein. Danke für den Hinweis:)

Grüße
Tobi

OliverIO

habe das Problem in vis identifizieren können.
Habe allerdings noch keine wirkliche Lösung.
Bei Änderung weiß das Widget nicht das es zu einer Gruppe gehört.
Daher wird das falsche HTML-Element (die View) gewählt, an dem das HTML-Element mit dem neuen Inhalt hinzugefügt wird. Wenn der Funktion

renderWidget, aufgerufen von der Funktion reRenderWidget die richtige GroupID mitgegeben würde, dann funktioniert es.
Leider ist der Teil, der eigentlich die GroupID ermitteln soll für mich so nicht verständlich und wahrscheinlich komplett falsch (fett markiert)

this.renderWidget(viewDiv, view, widget, !this.views[viewDiv] && viewDiv !== widget ? viewDiv : null);

Zur Ermittlung der GroupID gibt es nun 2 Möglichkeiten:

Man fügt die groupID den jeweiligen Widget-Daten hinzu
Man durchsucht alle Widgetdaten, bei denen die IDs mit "g" anfangen und schaut ob die aktuelle widgetID darin enthalten ist.

Mal schauen, wann das gefixed wird

Tobito

@oliverio
Vielen Dank für deine Analyse und Unterstützung.
Ich hoffe es wird bald gefixt.

Viele Grüße
Tobi

fritzke316

Vielleicht wäre es gut wenn ihr noch einen Kommentar im Issue hinterlässt, ich warte schon länger darauf, dass es gefixt wird!!

OliverIO

ich habe hier mal einen fix als pull request gestellt mit dem es bei mir behoben ist.
https://github.com/ioBroker/ioBroker.vis/pull/456

oweitman created this issue in ioBroker/ioBroker.vis

closed fix jumping widgets on state-update if grouped #456

OliverIO

Ab Adapter Version vis 1.4.11
Scheint mein fix enthalten zu sein.
Bitte prüft mal bitte gründlich ob das so passt.
Leider sind bei vis irgendwelchen Seiteneffekte nicht
Auszuschließen.

Tobito

@oliverio
Erst mal ein herzliches Dankeschön! Tolle Arbeit.
Mir ist folgendes aufgefallen:

Bereits erstelle Gruppierungen bleiben von dem Fix unverändert. Auch das Bearbeiten oder Kopieren/Neueinfügen der Gruppierung hilft dabei nichts.
Bei neu erstellten Gruppierungen löst der Fix bei mir das Problem.

Testsystem:
Raspi4B 4GB
vis v1.4.12
web v4.1.1
iobroker wurde nach update neu gestartet, Webbrowser Cache geleert, neu gestartet

OliverIO

@tobito
das ist korrekt.
die Lösung war, das sich jedes widget merkt, zu welcher gruppe es gehört.
das passiert beim gruppieren.

für vor 1.4.11. gruppierte widgets fehlt die information immer noch,
aber durch entfernen der gruppierung und gleich wieder gruppieren wird das behoben.

danke fürs testen

SpacerX

Ich hole den Thread noch mal hoch weil das Springen von Gruppierten Widgets mit Binding bei mir ebenfalls auftritt.

node.js: v14.19.3
npm: 6.14.17
admin: 5.3.8
web: 4.3.0
vis: 1.4.15

Hier die Gruppe mit den Widgets. Ist noch nicht fertig weil das Springen der Widgets erst geklärt werden muss.

[{"tpl":"_tplGroup","data":{"members":["w00151","w00386","w00387","w00404","w00343","w00405","w00410","w00344","w00388","w00389","w00390","w00391","w00392","w00393"],"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","attrCount":"1","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,"name":"GuenstigTanken"},"widgetSet":null,"style":{"top":"50px","left":"710px","width":"350px","height":"190px"}},{"tpl":"tplFrame","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","title":"","title_color":"black","title_top":"0","title_left":"0","header_height":"0","header_color":"black","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,"name":"BG","class":"boxWidget"},"style":{"left":"","top":"","width":"","height":""},"widgetSet":"basic","grouped":true,"groupid":"g00029","groupName":"w00151"},{"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,"name":"Name","class":"boxName","html":"Günstig Tanken"},"style":{"left":"","top":"","width":"","height":""},"widgetSet":"basic","grouped":true,"groupid":"g00029","groupName":"w00386"},{"tpl":"tplImage","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,"name":"BoxIcon","class":"boxIcon","src":"/icons-mfd-svg/scene_gas_station.svg"},"style":{"left":"","top":"","width":"","height":""},"widgetSet":"basic","grouped":true,"groupName":"w00387"},{"tpl":"tplValueStringRaw","data":{"oid":"tankerkoenig.0.stations.cheapest.diesel.combined","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"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,"name":"Diesel_Preis","class":"tankPreis"},"style":{"left":"85px","top":"50px","width":"","height":"","color":"#ff4400"},"widgetSet":"basic","grouped":true,"groupName":"w00404"},{"tpl":"tplValueStringRaw","data":{"oid":"tankerkoenig.0.stations.cheapest.e10.combined","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"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,"name":"E10_Preis","class":"tankPreis"},"style":{"left":"85px","top":"90px","width":"","height":"","color":"#ff4400"},"widgetSet":"basic","grouped":true,"groupName":"w00343"},{"tpl":"tplValueStringRaw","data":{"oid":"tankerkoenig.0.stations.cheapest.e5.combined","g_fixed":true,"g_visibility":false,"g_css_font_text":true,"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,"name":"E5_Preis","class":"tankPreis"},"style":{"left":"85px","top":"130px","width":"","height":"","color":"#ff4400"},"widgetSet":"basic","grouped":true,"groupName":"w00405"},{"tpl":"tplValueStringImg","data":{"oid":"nothing_selected","g_fixed":false,"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},"style":{"left":"0%","top":"0%","width":"0%","height":"0%"},"widgetSet":"basic","grouped":true,"groupName":"w00410"},{"tpl":"tplImage","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,"src":"/vis.0/Tankicons/{s:tankerkoenig.0.stations.cheapest.diesel.name;s.split(\"|\")[0]}.png","name":"Diesel_Logo"},"style":{"left":"170px","top":"50px","width":"80px","height":"30px"},"widgetSet":"basic","grouped":true,"groupName":"w00344"},{"tpl":"tplImage","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,"src":"/vis.0/Tankicons/{s:tankerkoenig.0.stations.cheapest.e10.name;s.split(\"|\")[0]}.png","name":"E10_Logo"},"style":{"left":"170px","top":"90px","width":"80px","height":"30px"},"widgetSet":"basic","grouped":true,"groupName":"w00388"},{"tpl":"tplImage","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,"src":"/vis.0/Tankicons/{s:tankerkoenig.0.stations.cheapest.e5.name;s.split(\"|\")[0]}.png","name":"E5_Logo"},"style":{"left":"170px","top":"130px","width":"80px","height":"30px"},"widgetSet":"basic","grouped":true,"groupName":"w00389"},{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"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":"Diesel&nbsp;","name":"Diesel_Text","class":"tankSorte"},"style":{"left":"","top":"50px","width":"","height":"","z-index":"","color":"","font-style":"italic","font-weight":""},"widgetSet":"basic","grouped":true,"groupName":"w00390"},{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"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":"E10&nbsp;","name":"E10_Text","class":"tankSorte"},"style":{"left":"","top":"90px","width":"75px","height":"","z-index":"","color":"","font-style":"italic","font-weight":""},"widgetSet":"basic","grouped":true,"groupName":"w00391"},{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"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":"E5&nbsp;","name":"E5_Text","class":"tankSorte"},"style":{"left":"","top":"130px","width":"75px","height":"22px","z-index":"","color":"","font-style":"italic","font-weight":""},"widgetSet":"basic","grouped":true,"groupName":"w00392"},{"tpl":"tplValueStringRaw","data":{"oid":"nothing_selected","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,"html_prepend":"{s:tankerkoenig.0.stations.cheapest.diesel.name;s.split(\"|\")[1]}","name":"Diesel_Ort"},"style":{"left":"73.14%","top":"27.89%","width":"26%","height":"14.74%"},"widgetSet":"basic","grouped":true,"groupName":"w00393"}]

Wie weiter Oben beschrieben Springen die Image-Widgets bei Aktualisierung aus der Gruppe.
Nett wen da einer drüber schauen könnte und eine Lösung parat hat.

mfg Ralf

OliverIO

@spacerx
hast du die beiden Posts direkt vor deinem gelesen?

SpacerX

@oliverio

Ja habe ich. Die Gruppe + Widgets wurden erst vorige Woche erstellt und d war schon Vis 1.5.15 und web 4.3.0 auf dem System.

OliverIO

@spacerx

dann musst du das mit dem springen näher beschreiben.

oben das original importierte
unten das kopierte und eingefügte
ich sehe kein widget, welches relativ die position geändert hat

kannst du mir den inhalt der datenpunkte bereitstellen?
ich habe tankerkönig nicht installiert und würde das gern mit testdatenpunkten nachstellen

SpacerX

@OliverIO

Dies Springen erfolgt erst nach dem aktualisieren automatischen Reload der View. Dauert bei mir etwa 15min. Ich mach mal Screenshot wenn's soweit ist.

Ich habe jetzt gerade noch mal die Gruppe aufgelöst und die Widgets neu Gruppiert. Jetzt warte ich mal 15min.

OliverIO

@spacerx
und den inhalt der relevanten datenpunkte bitte

SpacerX

@oliverio!

Nach dem ich die Gruppe aufgelöst und die Widgets neu Gruppiert habe ist es noch nicht wieder aufgetreten.

Trotzdem mal die Datenpunkte.

SnipSnap_3.PNG

Versuch doch mal im Vis-Edit zu einer bestehenden Gruppe nach dem öffnen dieser ein Widget mit einem Binding mit If-Abfrage zu erstellen und die Gruppe dann zu Schließen.
So habe ich meine Gruppierten Widgets erstellt.

Nach ein paar Minuten ist das Widget dann an einer anderen Stelle.

Ich versuche das Morgen mal nach zu Stellen.

OliverIO

@spacerx

ich mag nicht tippen und alles sehen kann man auch nicht.
bitte die inhalte der folgenden datenpunkte hier reinkopieren (kein screenshot)

tankerkoenig.0.stations.cheapest.diesel.combined
tankerkoenig.0.stations.cheapest.e10.combined
tankerkoenig.0.stations.cheapest.e5.combined
tankerkoenig.0.stations.cheapest.diesel.name
tankerkoenig.0.stations.cheapest.e10.name
tankerkoenig.0.stations.cheapest.e5.name

SpacerX

@oliverio

Ich mache es mal einfach und zeige meinen Test:

Nach aktualisieren des Datenpunktes ist das Bild gesprungen. Lade ich die Seite im Browser nochmal neu ist alles wieder schick.

Die Gruppe dazu:

[{"tpl":"_tplGroup","data":{"members":["w00396","w00397"],"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","attrCount":"1","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},"widgetSet":null,"style":{"top":"49px","left":"190px","width":"190px","height":"180px"}},{"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":"&nbsp;Test","class":"boxWidget"},"style":{"left":"0px","top":"0px","width":"100%","height":"100%"},"widgetSet":"basic","grouped":true,"groupid":"g00030","groupName":"w00396"},{"tpl":"tplImage","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,"src":"/vis.0/Tankicons/{s:0_userdata.0.Test_String;s.split(\"|\")[0]}.png"},"style":{"left":"55px","top":"60px","width":"80px","height":"40px"},"widgetSet":"basic","grouped":true,"groupName":"w00397"}]

Datenpunkt:

{
  "common": {
    "name": "Test_String",
    "desc": "Manuell erzeugt",
    "role": "state",
    "type": "string",
    "read": true,
    "write": true,
    "def": ""
  },
  "type": "state",
  "from": "system.adapter.admin.0",
  "user": "system.user.spacerx",
  "ts": 1655830389195,
  "_id": "0_userdata.0.Test_String",
  "acl": {
    "object": 1636,
    "state": 1636,
    "owner": "system.user.spacerx",
    "ownerGroup": "system.group.administrator"
  }
}

Inhalt vom Datenpunkt: "HEM|OrtDerTankstelle"

Image liegt unter /vis.0/Tankicons/HEM.png

Für heute bin ich dann mal weg.

OliverIO

@spacerx sagte in Objekt-Binding und Gruppierung:

Tankicons

Hallo,

ich habe es gerade mit vis 1.4.15 ausprobiert.
Bei mir funktioniert es.
Kein springendes Widget.
Den Effekt konnte ich aber mit einem etwas älteren vis nachvollziehen
bevor diese Verbesserung enthalten war
https://github.com/ioBroker/ioBroker.vis/pull/456

oweitman created this issue in ioBroker/ioBroker.vis

closed fix jumping widgets on state-update if grouped #456

SpacerX

@oliverio Danke für's drüber schauen.

Wie geschrieben, mein System nach Stable-Repo aktuell.

node.js: v14.19.3
npm: 6.14.17
admin: 5.3.8
web: 4.3.0
vis: 1.4.15

Passiert nur wenn ich in einer geöffneten Gruppe ein Widget mit Binding neu erstelle und der Datenpunkt auf den das Binding angelegt ist aktualisiert wird.
Aber sei es drum, ich behelfe mich damit die Gruppe aufzulösen und dann neu zu Gruppieren. Muss dann zwar bei allen Widgets die Position von Prozent wieder auf Pixel umstellen oder löschen da ich peer CSS positioniere.

Was mir noch so aufgefallen ist:

Das Widget was den Rahmen bildet hat im Export stehen:

"grouped":true,"groupid":"g00030","groupName":"w00396"

Das Widget was das Binding enthält steht so da in der Gruppe, es fehlt die groupid:

"grouped":true,"groupName":"w00397"

OliverIO

@spacerx grouping.avi

wie gesagt das ist der usprüngliche effekt in vis gewesen der aber korrigiert wurde.
leere mal den cache des browsers

oder schau mal im folgenden link

http://deineiobrokeradresse:8082/vis/js/vis.js

kopiere das in einen editor mit zeilennummern
ob in zeile 1608
das hier steht

            $view = $('#' + groupId);

NEWS

Objekt-Binding und Gruppierung

closed fix jumping widgets on state-update if grouped #456

closed fix jumping widgets on state-update if grouped #456

Support us

760
Online

31.7k
Users

79.8k
Topics

1.3m
Posts

NEWS

Objekt-Binding und Gruppierung

closed fix jumping widgets on state-update if grouped #456

closed fix jumping widgets on state-update if grouped #456

Support us

760Online

31.7kUsers

79.8kTopics

1.3mPosts

760
Online

31.7k
Users

79.8k
Topics

1.3m
Posts