I have made some good progress using the ui-table, which seems to have some pretty amazing capabilities without having to put in too much effort. But now I am stuck! I have looked at several examples, but I am obviously missing something?
I was a able to configure the ui_control with the following code:
msg.ui_control = {
"customHeight":12,
"tabulator": {
"selectable":1,
"table": {
"selectRow": 0,
"row": {
"selected": {
"background": 'red'
}
}
}
}
};
I have set "selectable" to 1 so that only one row is selected at a time - this seems to work. However, when the form is initialized, I would also like to select row 0. I tried to set "SelectRow = 0" but this does not seem to work. At the same time I would like to highlight the selected row to different color than "black" so that it is clearer as to which row was selected.
Below is the sample flow. Thanks in advance for your help.
[{"id":"a65059e8.23da28","type":"tab","label":"Test","disabled":false,"info":""},{"id":"942b3e2f.fb4ac","type":"function","z":"a65059e8.23da28","name":"Format Table","func":"\n//var DT_List = global.get(\"DT_List\");\n//var i;\n//var Line = msg.payload;\n\n\n\n// Can change color in CSS, but not sure where / how to do this:\n //.tabulator .tabulator-row.selected{\n //\tbackground: #f00 !important; /*highlight selected row red, make sure it overrides existing styling*/\n //}\n\n// Display up to 12 rows, select row 0, and highlight in red.\nmsg.ui_control = {\n \"customHeight\":12,\n \"tabulator\": {\n \"selectable\":1,\n \"table\": {\n \"selectRow\": 0,\n \"row\": {\n \"selected\": {\n \"background\": 'red'\n }\n } \n }\n }\n };\n\n\nreturn msg;","outputs":1,"noerr":0,"x":390,"y":260,"wires":[["520b519d.77404"]]},{"id":"520b519d.77404","type":"ui_table","z":"a65059e8.23da28","group":"7f42618c.dfc0e","name":"Table1","order":1,"width":"16","height":"10","columns":[{"field":"RecNo","title":"RecNo","width":"11px","align":"center","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"EvtStartTime","title":"Event Start Time","width":"20px","align":"left","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"L_Code","title":"L_Code","width":"12px","align":"center","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"Dur","title":"Dur","width":"10px","align":"center","formatter":"plaintext","formatterParams":{"target":"_blank"}}],"outputs":1,"cts":true,"x":670,"y":260,"wires":[["19e495c0.6f4d7a"]]},{"id":"19e495c0.6f4d7a","type":"debug","z":"a65059e8.23da28","name":"A","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","x":790,"y":260,"wires":[]},{"id":"c228fb13.cc0c88","type":"function","z":"a65059e8.23da28","name":"InitializeData","func":"msg.payload = [{\n\t\t\t\"ID\": 20879,\n\t\t\t\"WO_StartTime\": \"2020-08-01 16:05:29\",\n\t\t\t\"EvtStartTime\": \"2020-08-01 17:29:11\",\n\t\t\t\"WO_No\": \"AUG1B\",\n\t\t\t\"RecNo\": 49,\n\t\t\t\"ModeNo\": 1,\n\t\t\t\"L_Code\": 45,\n\t\t\t\"Dur\": 0.07,\n\t\t\t\"L_Reason\": \"45 - Filler - Idle Blocked - Outfeed Conveyor Full\"\n\t\t},\n\t\t{\n\t\t\t\"ID\": 20878,\n\t\t\t\"WO_StartTime\": \"2020-08-01 16:05:29\",\n\t\t\t\"EvtStartTime\": \"2020-08-01 17:28:43\",\n\t\t\t\"WO_No\": \"AUG1B\",\n\t\t\t\"RecNo\": 48,\n\t\t\t\"ModeNo\": 1,\n\t\t\t\"L_Code\": 144,\n\t\t\t\"Dur\": 0.47,\n\t\t\t\"L_Reason\": \"144 - Labeler - Low Low Labels\"\n\t\t},\n\t\t{\n\t\t\t\"ID\": 20877,\n\t\t\t\"WO_StartTime\": \"2020-08-01 16:05:29\",\n\t\t\t\"EvtStartTime\": \"2020-08-01 17:24:29\",\n\t\t\t\"WO_No\": \"AUG1B\",\n\t\t\t\"RecNo\": 46,\n\t\t\t\"ModeNo\": 1,\n\t\t\t\"L_Code\": 91,\n\t\t\t\"Dur\": 4.22,\n\t\t\t\"L_Reason\": \"91 - Seamer - System Manual Mode\"\n\t\t},\n\t\t{\n\t\t\t\"ID\": 20875,\n\t\t\t\"WO_StartTime\": \"2020-08-01 16:05:29\",\n\t\t\t\"EvtStartTime\": \"2020-08-01 17:24:25\",\n\t\t\t\"WO_No\": \"AUG1B\",\n\t\t\t\"RecNo\": 44,\n\t\t\t\"ModeNo\": 1,\n\t\t\t\"L_Code\": 9,\n\t\t\t\"Dur\": 0.02,\n\t\t\t\"L_Reason\": \"9 - Can Cleaner - Door #2 Open\"\n\t\t},\n\t\t{\n\t\t\t\"ID\": 20874,\n\t\t\t\"WO_StartTime\": \"2020-08-01 16:05:29\",\n\t\t\t\"EvtStartTime\": \"2020-08-01 17:00:00\",\n\t\t\t\"WO_No\": \"AUG1B\",\n\t\t\t\"RecNo\": 42,\n\t\t\t\"ModeNo\": 1,\n\t\t\t\"L_Code\": 35,\n\t\t\t\"Dur\": 9.43,\n\t\t\t\"L_Reason\": \"35 - Filler - Inspection Door 2 Open\"\n\t\t}];\n\t\t\nreturn msg;","outputs":1,"noerr":0,"x":390,"y":220,"wires":[["942b3e2f.fb4ac"]]},{"id":"62a40173.6d601","type":"inject","z":"a65059e8.23da28","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":380,"y":180,"wires":[["c228fb13.cc0c88"]]},{"id":"7f42618c.dfc0e","type":"ui_group","z":"","name":"Group 1","tab":"7b6b84bd.4cc5bc","order":1,"disp":true,"width":"16","collapse":false},{"id":"7b6b84bd.4cc5bc","type":"ui_tab","z":"","name":"Test","icon":"dashboard","order":6,"disabled":false,"hidden":false}]
I still need to reread your other suggestions regarding call backs so as to better understand how they work. (I'm still a newbie to all this stuff).
