gittree update dynamics update

[zhang9song]

Hi,
I want to add some new node into gittree after click button. But I have to refresh whole browser page and get result. How to dynamically update a tree does not require refreshing the entire page？

from trame.app import get_server
from trame.ui.vuetify import VAppLayout
from trame.widgets import trame, vuetify

selection = ["2"]
tree = [
    {"id": "1", "parent": "0", "visible": 0, "name": "Wavelet"},
    {"id": "2", "parent": "1", "visible": 0, "name": "Clip"},
    {"id": "3", "parent": "1", "visible": 1, "name": "Slice"},
    {"id": "4", "parent": "2", "visible": 1, "name": "Slice 2"},
]
server = get_server()
state, ctrl = server.state, server.controller
def update_tree():
    tree.append({"id": "5", "parent": "1", "visible": 1, "name": "Slice 3"})
    state.update({"tree": tree})

with VAppLayout(server):
    trame.GitTree(
        sources=("tree", tree),
        actives=("selection", selection),
    )
    vuetify.VBtn('Add', click=update_tree)

if __name__ == "__main__":
    server.start()

[jourdain]

This question has been asked and answered several time already.

• How to add sources dynamically in GitTree by pushing a button #243
• How to update the drawer #221
• dynamical update of VTreeview #115

Hope that helps

[jourdain]

def update_tree():
    state.tree.append({"id": "5", "parent": "1", "visible": 1, "name": "Slice 3"})
    state.dirty('tree')

[zhang9song]

Thanks a lot.