How to emit callback function in the slot of ui.tree

[wasabismile]

First Check

• I added a very descriptive title here.
• I have checked the FAQs for a similar question and didn't find it.
• I used the GitHub search to find a similar question and didn't find it.
• I searched the NiceGUI documentation, with the integrated search.
• I already searched online "How to X in NiceGUI" and didn't find any information.

Example Code

from nicegui import ui
def rename(e):
    print(e)
nodes=[
    {'id': 'numbers', 'children': [{'id': '1','workcontent':'abc'}, 
                                   {'id': '2','workcontent':'edf'}]},
    {'id': 'letters', 'children': [{'id': 'A'}, {'id': 'B'}]},
],
tree=ui.tree(nodes,label_key='id')
tree.add_slot('default-body', '''
    <q-input dense filled borderless v-model="props.node.workcontent"
              @update:model-value="() => $parent.$emit('rename', props.node)"
              />        
''')
tree.on('rename', rename)
ui.run()

Description

I want to update the nodes values by emitting function in ui.tree slot @update:model-value="() => $parent.$emit('rename', props.node)" , but it does not work

NiceGUI Version

1.4.37

Python Version

3.11

Browser

Chrome

Operating System

Windows

Additional Context

No response

[falkoschindler]

Hi @wasabismile,

Borrowing from #3085 (reply in thread), here is a working example:

tree = ui.tree([
    {'id': 'numbers', 'children': [{'id': '1', 'workcontent': 'abc'}, {'id': '2', 'workcontent': 'edf'}]},
    {'id': 'letters', 'children': [{'id': 'A'}, {'id': 'B'}]},
], label_key='id')
tree.add_slot('default-body', '''
    <q-input v-model="props.node.workcontent" @update:model-value="() => {
        let parent = $parent;
        while (!parent.$el.classList.contains('q-tree')) parent = parent.$parent;
        parent.$emit('rename', props.node);
    }" />
''')
tree.on('rename', lambda e: print(e))