Objekt-Binding und Gruppierung
-
Nach dem ich die Gruppe aufgelöst und die Widgets neu Gruppiert habe ist es noch nicht wieder aufgetreten.
Trotzdem mal die Datenpunkte.
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.
-
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 -
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":" 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.
-
@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/456closed fix jumping widgets on state-update if grouped #456
-
@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.15Passiert 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" -
wie gesagt das ist der usprüngliche effekt in vis gewesen der aber korrigiert wurde.
leere mal den cache des browsersoder 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); -
@oliverio
Browserverlauf Gesamt alles gelöscht.
In Zeile 1608 der Vis.js steht genau die vorgegebene Zuweisung.Meinen Test noch mal ausgeführt. Bei Aktualisierung des Datenpunktes springt das Widget von der Position die ich ihm peer CSS innerhalb der Gruppe zugewiesen habe.
mfg Ralf.
-
Ich hab jetzt mal noch die Gruppe Exportiert und im Texteditor für das betreffende Widget die groupid gleich dem anderen Widget was sich in der Gruppe befindet hinzugefügt.
Den gesamten Text dann wieder als Widget importiert.Nun noch mal zur Kontrolle Widget Exportieren geklickt und im Dialog nachgeschaut.
Nun fehlen bei beiden Widgets die jeweilige groupid.B-/
-
@spacerx said in Objekt-Binding und Gruppierung:
Browserverlauf Gesamt alles gelöscht.
nicht den browserverlauf.
den browser cache bitte löschen
https://browser-cache-leeren.de/windows.htmlhabe das mit dem exportieren ebenfalls getestet.
bleibt bei mir alles erhaltendu könntest auf der konsole im iobroker verzeichnis auch
mal den folgenden befehl eingebeniob upload alldas registriert im iobroker web server alle dateien neu.
was steht in zeile 1608, was ich weiter oben gefragt habe?
-
@oliverio sagte in Objekt-Binding und Gruppierung:
was steht in zeile 1608, was ich weiter oben gefragt habe?
genau das was du abgefragt hast.
$view = $('#' + groupId);Nichts für ungut, ich weis wie man den Browsercache löscht. Geht bei Edge auch über Verlauf/Browserdaten löschen.
Ich werd jetzt erst mal noch
iob upload alldurchführen.
-
Ich hab dann mal folgendes Ausgeführt:
spacerx@ioBroker:~$ iob stop spacerx@ioBroker:~$ iob update Used repository: stable Adapter "admin" : 5.3.8 , installed 5.3.8 Adapter "alexa2" : 3.11.2 , installed 3.11.2 Adapter "alias-manager": 1.2.4 , installed 1.2.4 Adapter "daswetter" : 3.1.2 , installed 3.1.2 Adapter "discovery" : 3.0.3 , installed 3.0.3 Adapter "fullybrowser" : 2.1.2 , installed 2.1.2 Adapter "hekr" : 0.0.6 , installed 0.0.6 Adapter "hm-rega" : 3.0.40 , installed 3.0.40 Adapter "hm-rpc" : 1.15.12 , installed 1.15.12 Adapter "icons-material-png": 0.1.0, installed 0.1.0 Adapter "icons-material-svg": 0.1.0, installed 0.1.0 Adapter "icons-mfd-png": 1.1.0 , installed 1.1.0 Adapter "icons-mfd-svg": 1.1.0 , installed 1.1.0 Adapter "influxdb" : 2.6.3 , installed 2.6.3 Adapter "iot" : 1.11.4 , installed 1.11.4 Adapter "javascript" : 5.7.0 , installed 5.7.0 Controller "js-controller": 4.0.23 , installed 4.0.23 Adapter "logparser" : 1.1.0 , installed 1.1.0 Adapter "ping" : 1.5.3 , installed 1.5.3 Adapter "shelly" : 5.3.2 , installed 5.3.2 Adapter "simple-api" : 2.7.0 , installed 2.7.0 Adapter "socketio" : 4.2.0 , installed 4.2.0 Adapter "tankerkoenig" : 2.1.1 , installed 2.1.1 Adapter "telegram" : 1.13.0 , installed 1.13.0 Adapter "text2command" : 2.2.1 , installed 2.2.1 Adapter "vis" : 1.4.15 , installed 1.4.15 Adapter "vis-icontwo" : 0.87.0 , installed 0.87.0 Adapter "vis-justgage" : 1.0.2 , installed 1.0.2 Adapter "vis-timeandweather": 1.1.7, installed 1.1.7 Adapter "web" : 4.3.0 , installed 4.3.0 Adapter "ws" : 1.3.0 , installed 1.3.0 spacerx@ioBroker:~$ iob upgrade self Host "ioBroker" is up to date. spacerx@ioBroker:~$ iob upgrade All adapters are up to date spacerx@ioBroker:~$ iob fix library: loaded Library version=2022-06-15 ========================================================================== Welcome to the ioBroker installation fixer! Script version: 2022-06-03 You might need to enter your password a couple of times. ========================================================================== ========================================================================== Installing prerequisites (1/3) ========================================================================== [sudo] password for spacerx: Get:1 http://security.debian.org bullseye-security InRelease [44.1 kB] Hit:2 http://ftp.debian.org/debian bullseye InRelease Get:3 http://ftp.debian.org/debian bullseye-updates InRelease [39.4 kB] Get:4 http://security.debian.org bullseye-security/main amd64 Packages [160 kB] Hit:5 https://deb.nodesource.com/node_14.x bullseye InRelease Get:6 http://security.debian.org bullseye-security/main Translation-en [99.8 kB] Fetched 344 kB in 0s (884 kB/s) Reading package lists... Done Installed gcc-c++ ========================================================================== Checking ioBroker user and directory permissions (2/3) ========================================================================== Created /etc/sudoers.d/iobroker Fixing directory permissions... ========================================================================== Checking autostart (3/3) ========================================================================== Enabling autostart... Autostart enabled! ========================================================================== Your installation was fixed successfully Run iobroker start to start ioBroker again! ========================================================================== spacerx@ioBroker:~$ iob start spacerx@ioBroker:~$Dann mal meine Testgruppe neu Erstellt und den zugehörigen Datenpunkt aktualisiert. Das Widget springt wieder.
Die Gruppe Exportiert und die groupid im Texteeditor hinzugefügt. Text als Widget importiert noch mal im Exportdialog nachgeschaut und die groupid ist wieder weg.Hier noch mal mein korrigierter Export:
[{"tpl":"_tplGroup","data":{"members":["w00401","w00398"],"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":"266px","left":"193px","width":"184px","height":"189px"}},{"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":" Test_Neu","title_color":"","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,"class":"boxWidget"},"style":{"left":"","top":"","width":"","height":""},"widgetSet":"basic","grouped":true,"groupid":"g00032","groupName":"w00401"},{"tpl":"tplImage","data":{"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,"src":"/vis.0/Tankicons/{s:0_userdata.0.Test_String;s.split(\"|\")[0]}.png"},"style":{"left":"58px","top":"73px","width":"80","height":"40"},"widgetSet":"basic","grouped":true,"groupid":"g00032","groupName":"w00398"}]Könnte das mal jemand bei sich Importieren und dann für diese Gruppe im Exportierendialog in der letzten Zeile nach "groupid" suchen?
-
ne nix zu finden.
ich habe die beiden widgets dann ent-gruppiert und wieder neu gruppiert.
der export sieht dann so aus:
also bis auf die geänderte nummerierung kein unterschied
kannst du mit den developer tools des browsers ein wenig umgehen?
mich würde die html struktur des gruppierten widgets vor und nach der aktualisierung interessieren.wenn du damit umgehen kannst könnte ich dir genaue anweisungen geben.
-
Na logisch nach dem Auflösen der Gruppe und neu Gruppieren ist alles easy das klappt bei mir ja auch.
Du meinst html von der Gruppe so wie ich sie habe mit Positionsänderung nach Aktualisierung und einmal nach dem Neugruppieren. Das bekomme ich hin. Heute Abend.
Was mich so umtreibt ist, warum verschwindet die groupid nach dem Importieren der Gruppe einfach. Warum wird diese auch beim Anlegen des Bindings entfernt.
Einfacher wäre es wohl einfach die Gruppe aufzulösen und neu zu Gruppieren. Es wurmt mich aber warum das nicht so gehen soll.
-
@spacerx
ja leider ist da noch etwas mehr der wurm drin.
insbesondere bei copy/paste von mehrfach verschachtelten und gruppierten widget.
schreibe dazu gleich in einem anderen thread was dazu -
Ich schiebe mal das html nach.
View geladen (mal nur das entsprechende Widget)
<div class="vis-widget vis-tpl-basic-undefined" style="overflow: visible; top: 265px; left: 193px; width: 184px; height: 189px;" id="g00032"> <div class="vis-widget boxWidget vis-tpl-basic-Border" style="overflow: visible; border: 1px solid rgb(136, 136, 136);" id="w00401"> <div style="width: 100%; height: 0px; background-color: black;"></div> <div style="position: absolute; top: 0px; left: 0px;"> Test_Neu</div> </div> <div class="vis-widget vis-tpl-basic-Image" style="width: 80px; height: 40px; left: 54px; top: 74px;" id="w00398"> <div class="vis-widget-body"> <img class=" vis-no-user-select vis-no-pointer-events" style="top: 0px; left: 0px; position: absolute; width: 100%;" src="/vis.0/Tankicons/JET.png"> <div></div> </div> </div> </div>Nach dem aktualisieren des Datenpunktes:
<div class="vis-widget vis-tpl-basic-undefined" style="overflow: visible; top: 265px; left: 193px; width: 184px; height: 189px;" id="g00032"> <div class="vis-widget boxWidget vis-tpl-basic-Border" style="overflow: visible; border: 1px solid rgb(136, 136, 136);" id="w00401"> <div style="width: 100%; height: 0px; background-color: black;"></div> <div style="position: absolute; top: 0px; left: 0px;"> Test_Neu</div> </div> </div> <div class="vis-widget vis-tpl-basic-Image" style="width: 80px; height: 40px; left: 54px; top: 74px;" id="w00398"> <div class="vis-widget-body"> <img class=" vis-no-user-select vis-no-pointer-events" style="top: 0px; left: 0px; position: absolute; width: 100%;" src="/vis.0/Tankicons/JET.png"> <div></div> </div> </div>Ich teste mal noch ein bisschen rum.
-
ok, hab noch was gefunden.
wenn man gruppierte widgets exportiert und wieder importiert
geht die information groupid leider verloren.dieser issue und fix habe ich bereitgestellt
https://github.com/ioBroker/ioBroker.vis/issues/508wann das angenommen wird und ob ist immer etwas fraglich.
vor allem sollte es man testen, sobald es drin ist.für wagemutige zum vorab testen auf einem iobroker testsystem
löschen des adapters iobroker.vis und installieren aus folgender github url:
https://github.com/oweitman/ioBroker.visclosed missing groupid after import of grouped widgets #508
-
@oliverio
Ich hab da auch noch einen ;-(Beim Hinzufügen eines Widgets in geöffnete Gruppen, in "Gruppe editieren" wird keine groupid erzeugt.
-
wo muss man da drücken? kenn die funktion nicht und hab sie gerade auch nicht gefunden?
-
@oliverio
Einfach die Gruppe doppelt anklicken. Dann öffnet sich die Gruppe zum editieren. -
ok gefunden und fix erweitert
