Node-Red-Contrib-UI-Etable Example1

Here is a very simple example of how to use this node

[{"id":"7f7c6824.54e94","type":"tab","label":"Etable Test","disabled":false,"info":""},{"id":"ee24aebb.54f0e8","type":"ui_etable","z":"7f7c6824.54e94","payload":"[{\"title\":\"PushMe\",\"field\":\"PushMe\",\"width\":\"10%\",\"editor\":false},{\"title\":\"My Field A\",\"field\":\"a\",\"width\":\"80%\",\"editor\":true},{\"title\":\"My Field A - Type\",\"field\":\"b\",\"editor\":\"select\",\"editorParams\":{\"values\":[\"NEW\",\"UPDATED\",\"CANCELED\"]}}]","payloadType":"json","options":"{\"movableColumns\":true,\"layout\":\"fitColumns\",\"pagination\":\"local\",\"height\":\"700px\"}","group":"81b1bfdb.4662f8","name":"","order":2,"width":"20","height":"7","columns":[],"outputs":1,"cts":false,"x":690,"y":180,"wires":[["db83b4fb.4adf48","8fa2d566.9b9528"]]},{"id":"861cc629.8485","type":"inject","z":"7f7c6824.54e94","name":"","topic":"","payload":"{\"a\":\"wombat\",\"b\":\"NEW\"}","payloadType":"json","repeat":"","crontab":"","once":true,"onceDelay":0.1,"x":390,"y":260,"wires":[["5cc9caef.b0116c","c2f61254.095ab8"]]},{"id":"db83b4fb.4adf48","type":"debug","z":"7f7c6824.54e94","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":890,"y":120,"wires":[]},{"id":"5cc9caef.b0116c","type":"debug","z":"7f7c6824.54e94","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":570,"y":340,"wires":[]},{"id":"c2f61254.095ab8","type":"function","z":"7f7c6824.54e94","name":"","func":"var a1 = '12345';\nvar a2 = 'ABCDE';\n\nmsg.payload = [\n{ \"PushMe\":\"a1\",  \"a\" : a1,    \"b\" : 'NEW'    },\n{ \"PushMe\":\"a2\",  \"a\" : a2,    \"b\" : 'UPDATE'    }];\nreturn msg;","outputs":1,"noerr":0,"x":530,"y":200,"wires":[["ee24aebb.54f0e8"]]},{"id":"8fa2d566.9b9528","type":"ui_text","z":"7f7c6824.54e94","group":"81b1bfdb.4662f8","order":2,"width":"8","height":"3","name":"","label":"text","format":"{{msg.payload}}","layout":"row-spread","x":1020,"y":220,"wires":[]},{"id":"81b1bfdb.4662f8","type":"ui_group","z":"","name":"test","tab":"700e0299.f39d8c","order":1,"disp":true,"width":"20","collapse":false},{"id":"700e0299.f39d8c","type":"ui_tab","z":"","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]

Flow Info

Created 4 years, 9 months ago
Updated 4 years, 2 months ago
Rating: not yet rated

Owner

Actions

Rate:

Node Types

Core
  • debug (x2)
  • function (x1)
  • inject (x1)
Other
  • tab (x1)
  • ui_etable (x1)
  • ui_group (x1)
  • ui_tab (x1)
  • ui_text (x1)

Tags

  • Dashboard
  • Node-Red-Node-UI-Etable
Copy this flow JSON to your clipboard and then import into Node-RED using the Import From > Clipboard (Ctrl-I) menu option