Open a settings-menu on a table

Dashboard
1

Hello,

I am planing to have a table where i monitor many devices (temperature-modules).

for example:

lklk
lklk2622Ă—424 28.2 KB

Since i want to make settings changes for each device individually, i am now a bit confused how to realize this. In my mind i can click on the raw of my device of choice in the table and a settings-tab for this specific device appears where i can edit changes?

Can someone point me into the right direction?

Thank you

2

Here is a simple example of how to click table row to open a form, you then submit form and row updates. Hope it helps

[{"id":"b7dff285.69049","type":"inject","z":"65617ffeb779f51c","name":"load table","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"[{\"Name\":\"<b>Yokoi</b>\",\"Age\":30,\"Color\":\"lime\",\"Prog\":70,\"Star\":3,\"id\":0},{\"Name\":\"<i>DCJ</i>\",\"Age\":50,\"Color\":\"dodgerblue\",\"Prog\":45,\"Star\":2,\"id\":1},{\"Name\":\"Nick\",\"Age\":40,\"Color\":\"darkred\",\"Prog\":95,\"Star\":5,\"id\":2}]","payloadType":"json","x":280,"y":4280,"wires":[["7d48e13.90ee22"]]},{"id":"7d48e13.90ee22","type":"ui_table","z":"65617ffeb779f51c","group":"625872f.40b1e8c","name":"People","order":1,"width":12,"height":3,"columns":[{"field":"Name","title":"Name","width":"","align":"left","formatter":"html","formatterParams":{"target":"_blank"}},{"field":"Age","title":"Age","width":"40","align":"center","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"Color","title":"","width":"5%","align":"left","formatter":"color","formatterParams":{"target":"_blank"}},{"field":"Star","title":"%","width":"100","align":"left","formatter":"star","formatterParams":{"target":"_blank"}},{"field":"Prog","title":"Prog","width":"80","align":"left","formatter":"progress","formatterParams":{"target":"_blank"}}],"outputs":1,"cts":true,"x":390,"y":4280,"wires":[["fc8159675930e927","2a9e1f6e91ecdda8"]]},{"id":"4e528f431985eac3","type":"change","z":"65617ffeb779f51c","name":"","rules":[{"t":"set","p":"payload","pt":"msg","to":"{\t    \"command\": \"updateOrAddData\",\t    \"arguments\": [\t      [$merge([$$.payload,{\"id\": $$.topic}])]\t    ],\t    returnPromise: true\t}","tot":"jsonata"}],"action":"","property":"","from":"","to":"","reg":false,"x":900,"y":4280,"wires":[["7d48e13.90ee22","6a4694415bc4b68b"]]},{"id":"fc8159675930e927","type":"change","z":"65617ffeb779f51c","name":"show dorm group","rules":[{"t":"set","p":"payload","pt":"msg","to":"{\"group\":{\"hide\":[],\"show\":[\"Home_Form\"],\"focus\":true}}","tot":"json"}],"action":"","property":"","from":"","to":"","reg":false,"x":730,"y":4400,"wires":[["fa04c3a0d6279055"]]},{"id":"2a9e1f6e91ecdda8","type":"change","z":"65617ffeb779f51c","name":"store id","rules":[{"t":"set","p":"topic","pt":"msg","to":"payload.id","tot":"msg"}],"action":"","property":"","from":"","to":"","reg":false,"x":520,"y":4280,"wires":[["84175bf60226d6a1"]]},{"id":"84175bf60226d6a1","type":"ui_form","z":"65617ffeb779f51c","name":"","label":"Row {{msg.topic}}","group":"4f550548816c6466","order":1,"width":0,"height":0,"options":[{"label":"Name","value":"Name","type":"text","required":true,"rows":null},{"label":"Age","value":"Age","type":"number","required":true,"rows":null},{"label":"Color","value":"Color","type":"text","required":true,"rows":null},{"label":"Prog","value":"Prog","type":"number","required":true,"rows":null},{"label":"Star","value":"Star","type":"number","required":true,"rows":null}],"formValue":{"Name":"","Age":"","Color":"","Prog":"","Star":""},"payload":"","submit":"submit","cancel":"","topic":"topic","topicType":"msg","splitLayout":true,"className":"","x":690,"y":4280,"wires":[["4e528f431985eac3","6910cece2482ef64"]]},{"id":"6a4694415bc4b68b","type":"debug","z":"65617ffeb779f51c","name":"debug 248","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":1050,"y":4280,"wires":[]},{"id":"fa04c3a0d6279055","type":"ui_ui_control","z":"65617ffeb779f51c","name":"","events":"all","x":920,"y":4400,"wires":[[]]},{"id":"6910cece2482ef64","type":"change","z":"65617ffeb779f51c","name":"hide form group","rules":[{"t":"set","p":"payload","pt":"msg","to":"{\"group\":{\"hide\":[\"Home_Form\"],\"show\":[],\"focus\":true}}","tot":"json"}],"action":"","property":"","from":"","to":"","reg":false,"x":740,"y":4360,"wires":[["fa04c3a0d6279055"]]},{"id":"625872f.40b1e8c","type":"ui_group","name":"Default","tab":"58c2aa06.ef46e4","order":1,"disp":true,"width":"12","collapse":false,"className":""},{"id":"4f550548816c6466","type":"ui_group","name":"Form","tab":"58c2aa06.ef46e4","order":2,"disp":false,"width":"12","collapse":false,"className":""},{"id":"58c2aa06.ef46e4","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]
1 Like