I cant update my data on editable table-ui

Hello, i have an issues like i want to update my table display after editing it, but everytime i refresh my browser it cameback to the default payload. Here's the code

[
    {
        "id": "00466a35d85535bb",
        "type": "tab",
        "label": "Flow 3",
        "disabled": false,
        "info": "",
        "env": []
    },
    {
        "id": "787f617c96bfb418",
        "type": "change",
        "z": "00466a35d85535bb",
        "name": "",
        "rules": [
            {
                "t": "set",
                "p": "ui_control",
                "pt": "msg",
                "to": "{\"tabulator\":{\"layout\":\"fitColumns\",\"columns\":[{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"Jam\",\"field\":\"jam\",\"width\":70,\"frozen\":true},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"1\",\"field\":\"1\",\"width\":70,\"align\":\"center\",\"formatter\":\"tickCross\",\"editor\":true},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"2\",\"field\":\"2\",\"width\":70,\"align\":\"center\",\"formatter\":\"tickCross\",\"editor\":true},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"3\",\"field\":\"3\",\"width\":70,\"align\":\"center\",\"formatter\":\"tickCross\",\"editor\":true},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"4\",\"field\":\"4\",\"width\":70,\"align\":\"center\",\"formatter\":\"tickCross\",\"editor\":true},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"5\",\"field\":\"5\",\"width\":70,\"align\":\"center\",\"formatter\":\"tickCross\",\"editor\":true},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"6\",\"field\":\"6\",\"width\":70,\"align\":\"center\",\"formatter\":\"tickCross\",\"editor\":true},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"7\",\"field\":\"7\",\"width\":70,\"align\":\"center\",\"formatter\":\"tickCross\",\"editor\":true},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"8\",\"field\":\"8\",\"width\":70,\"align\":\"center\",\"formatter\":\"tickCross\",\"editor\":true},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"9\",\"field\":\"9\",\"width\":70,\"align\":\"center\",\"formatter\":\"tickCross\",\"editor\":true},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"10\",\"field\":\"10\",\"width\":70,\"align\":\"center\",\"formatter\":\"tickCross\",\"editor\":true},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"11\",\"field\":\"11\",\"width\":70,\"align\":\"center\",\"formatter\":\"tickCross\",\"editor\":true},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"12\",\"field\":\"12\",\"width\":70,\"align\":\"center\",\"formatter\":\"tickCross\",\"editor\":true},{\"formatterParams\":{\"target\":\"_blank\"},\"title\":\"13\",\"field\":\"13\",\"width\":70,\"align\":\"center\",\"formatter\":\"tickCross\",\"editor\":true}],\"movableColumns\":true,\"groupBy\":\"\"}}",
                "tot": "json"
            }
        ],
        "action": "",
        "property": "",
        "from": "",
        "to": "",
        "reg": false,
        "x": 430,
        "y": 180,
        "wires": [
            [
                "db66bff736ae69c5"
            ]
        ]
    },
    {
        "id": "b8119ad5342eeba6",
        "type": "inject",
        "z": "00466a35d85535bb",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": true,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "[{\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":0,\"6\":0,\"7\":0,\"8\":0,\"9\":0,\"10\":0,\"11\":0,\"12\":0,\"13\":0,\"jam\":\"08:00\"},{\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":0,\"6\":0,\"7\":0,\"8\":0,\"9\":0,\"10\":0,\"11\":0,\"12\":0,\"13\":0,\"jam\":\"09:00\"},{\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":0,\"6\":0,\"7\":0,\"8\":0,\"9\":0,\"10\":0,\"11\":0,\"12\":0,\"13\":0,\"jam\":\"10:00\"},{\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":0,\"6\":0,\"7\":0,\"8\":0,\"9\":0,\"10\":0,\"11\":0,\"12\":0,\"13\":0,\"jam\":\"11:00\"},{\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":0,\"6\":0,\"7\":0,\"8\":0,\"9\":0,\"10\":0,\"11\":0,\"12\":0,\"13\":0,\"jam\":\"12:00\"},{\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":0,\"6\":0,\"7\":0,\"8\":0,\"9\":0,\"10\":0,\"11\":0,\"12\":0,\"13\":0,\"jam\":\"13:00\"},{\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":0,\"6\":0,\"7\":0,\"8\":0,\"9\":0,\"10\":0,\"11\":0,\"12\":0,\"13\":0,\"jam\":\"14:00\"},{\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":0,\"6\":0,\"7\":0,\"8\":0,\"9\":0,\"10\":0,\"11\":0,\"12\":0,\"13\":0,\"jam\":\"15:00\"},{\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":0,\"6\":0,\"7\":0,\"8\":0,\"9\":0,\"10\":0,\"11\":0,\"12\":0,\"13\":0,\"jam\":\"16:00\"},{\"1\":0,\"2\":0,\"3\":0,\"4\":0,\"5\":0,\"6\":0,\"7\":0,\"8\":0,\"9\":0,\"10\":0,\"11\":0,\"12\":0,\"13\":0,\"jam\":\"17:00\"}]",
        "payloadType": "json",
        "x": 230,
        "y": 180,
        "wires": [
            [
                "787f617c96bfb418"
            ]
        ]
    },
    {
        "id": "e2a34b8c5d938cbf",
        "type": "ui_table",
        "z": "00466a35d85535bb",
        "group": "e59fc3fb60a41063",
        "name": "Valve",
        "order": 0,
        "width": "20",
        "height": "10",
        "columns": [],
        "outputs": 1,
        "cts": true,
        "x": 850,
        "y": 180,
        "wires": [
            [
                "3471076e25833b80"
            ]
        ]
    },
    {
        "id": "4d0c3b856fe875c5",
        "type": "ui_ui_control",
        "z": "00466a35d85535bb",
        "name": "",
        "events": "all",
        "x": 320,
        "y": 100,
        "wires": [
            [
                "83e0f4786b97c791"
            ]
        ]
    },
    {
        "id": "db66bff736ae69c5",
        "type": "function",
        "z": "00466a35d85535bb",
        "name": "store data",
        "func": "var tableData = flow.get(\"tableData\");\nflow.set(\"tableData\",msg.payload);\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 640,
        "y": 180,
        "wires": [
            [
                "e2a34b8c5d938cbf"
            ]
        ],
        "icon": "node-red/db.svg"
    },
    {
        "id": "93aab2ecfb631eb6",
        "type": "inject",
        "z": "00466a35d85535bb",
        "name": "clear",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "",
        "payloadType": "date",
        "x": 230,
        "y": 240,
        "wires": [
            [
                "ec5b334e5ca7abbb"
            ]
        ]
    },
    {
        "id": "52d2c8a9abee9eec",
        "type": "ui_button",
        "z": "00466a35d85535bb",
        "name": "",
        "group": "e59fc3fb60a41063",
        "order": 4,
        "width": 0,
        "height": 0,
        "passthru": false,
        "label": "clear",
        "tooltip": "clear all table data",
        "color": "",
        "bgcolor": "",
        "className": "",
        "icon": "",
        "payload": "",
        "payloadType": "date",
        "topic": "",
        "topicType": "str",
        "x": 230,
        "y": 280,
        "wires": [
            [
                "ec5b334e5ca7abbb"
            ]
        ]
    },
    {
        "id": "ec5b334e5ca7abbb",
        "type": "function",
        "z": "00466a35d85535bb",
        "name": "clearData",
        "func": "\nmsg.payload={\n    command:\"clearData\",\n    arguments: [],\n    returnPromise: true\n}\nflow.set('tableData',[]);\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 660,
        "y": 240,
        "wires": [
            [
                "e2a34b8c5d938cbf"
            ]
        ],
        "info": "# clear data\n\nunfortunately this command (currently) do not send a promise back! So we have to pass it directly to the table handler"
    },
    {
        "id": "83e0f4786b97c791",
        "type": "function",
        "z": "00466a35d85535bb",
        "name": "",
        "func": "var tableData = flow.get(\"tableData\");\nmsg.payload = tableData;\nreturn msg;",
        "outputs": 1,
        "noerr": 0,
        "initialize": "",
        "finalize": "",
        "libs": [],
        "x": 580,
        "y": 100,
        "wires": [
            [
                "e2a34b8c5d938cbf"
            ]
        ]
    },
    {
        "id": "3471076e25833b80",
        "type": "debug",
        "z": "00466a35d85535bb",
        "name": "",
        "active": true,
        "tosidebar": true,
        "console": false,
        "tostatus": false,
        "complete": "true",
        "targetType": "full",
        "statusVal": "",
        "statusType": "auto",
        "x": 1010,
        "y": 220,
        "wires": []
    },
    {
        "id": "e59fc3fb60a41063",
        "type": "ui_group",
        "name": "Jadwal Penyiraman",
        "tab": "14c3351be590b6d3",
        "order": 1,
        "disp": true,
        "width": "20",
        "collapse": false,
        "className": ""
    },
    {
        "id": "14c3351be590b6d3",
        "type": "ui_tab",
        "name": "Tab 1",
        "icon": "dashboard",
        "order": 1,
        "disabled": false,
        "hidden": false
    }
]

i know there is function addorUpdatedata, but i just dont know where to place it

Where in your flow are you trying to update the data?

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.