why can't justpy update the widget even though the data has changed in the list item

[bobwatcherx]

i'm building a crud with a list item . when i edit . and I print the data has changed but why is the listItem still the same and hasn't changed. how does the function update page or refresh on justpy

from justpy import *




def myapp():
    app = QuasarPage(data={
        "todo": [
            {
                "name":"body","age":12
            },
            {
                "name":"dwdw","age":21
            },
            {
                "name":"xx","age":1
            }
        ],
        "nametxt": "",
        "agetxt": "",
        "editIndex":-1
    })
    def getdatafromclick(self, msg):
        # print("Clicked:",self.text)
        value = self.text
        getname = value.split("-")[0].strip()
        getage = value.split("-")[1].strip()

        msg.page.data['nametxt'] = getname
        msg.page.data['agetxt'] = getage
        btnadd.show = False
        btnedit.show = True
        btndelete.show = True
        item_index = get_item_index(app.data['todo'], getname, getage)
        app.data['editIndex'] = item_index

    def get_item_index(todo_list, name, age):
        for index, item in enumerate(todo_list):
            if item['name'] == name and item['age'] == int(age):
                print("index",index)
                return index
        return -1

    def editproses(self, msg):
        edit_index = msg.page.data['editIndex']
        print(edit_index)
        if edit_index != -1:
            todo_list = msg.page.data['todo']
            name = msg.page.data['nametxt']
            age = msg.page.data['agetxt']
            print(name,age)
            todo_list[edit_index]['name'] = name
            todo_list[edit_index]['age'] = age
            print(msg.page.data['todo'])
            reset_input_fields(msg.page)

    def deleteproses(self, msg):
        delete_index = msg.page.data['editIndex']
        if delete_index != -1:
            todo_list = msg.page.data['todo']
            todo_list.pop(delete_index)
            reset_input_fields(msg.page)
            
    def reset_input_fields(page):
        page.data['nametxt'] = ""
        page.data['agetxt'] = ""
        page.data['editIndex'] = -1
        btnadd.show = True
        btnedit.show = False
        btndelete.show = False

    layout = Div(classes="q-pa-md column ", a=app)
    name = QInput(model=[app, "nametxt"],
                  placeholder="name",
                  a=layout)
    age = QInput(model=[app, "agetxt"],
                 placeholder="age",
                 a=layout)
    btnadd = QBtn(classes="q-mt-md",
               label="add new todo",
               color="green",
               a=layout)
    
    myeditdelete = Div(classes="q-pa-md row justify-around",a=layout)

    btnedit = QBtn(color="blue",
        label="edit",a=myeditdelete,
        show=False,

        )
    btndelete = QBtn(color="red",
        label="delete",a=myeditdelete,
        show=False

        )

    mylist = QList(dense=True, bordered=True, padding=True,
                   classes="rounded-borders", a=layout)

    for x in app.data['todo']:
        myitem = QItem(clickable=True, v_ripple=True, a=mylist)
        byclick = QItemSection(text=f"{x['name']} - {x['age']}", a=myitem)
        byclick.on('click', getdatafromclick)


    btnedit.on("click",editproses)
    btndelete.on("click",deleteproses)
    return app


justpy(myapp)

[WolfgangFahl]

Please make the example smaller - there might only be a need for a simple refresh.

[freemant2000]

Because you never update mylist (e.g., add items to or delete items from it).