Display other widgets in tree

[sergi0g]

After reading the docs, I have understood that you can only display text in trees. Is there any way to display something else in a tree, like a checkbox?. It is possible with Rich.

[davep]

Yes, labels of nodes in Tree can be Rich renderables (as long as they're no more than one line in length). Here's a silly example of setting up some leaf nodes that can be toggled when the user selects them:

from textual.app     import App, ComposeResult
from textual.widgets import Header, Footer, Tree

class ToggleTree( Tree[ bool ] ):

    def on_tree_node_selected( self, event: Tree.NodeSelected ) -> None:
        if not event.node.children:
            event.node.data = not event.node.data
            if event.node.data:
                event.node.label = ":thumbsup:"
            else:
                event.node.label = ":thumbsdown:"
            event.node.tree.refresh()

class CheckTreeApp( App[ None ] ):

    def compose( self ) -> ComposeResult:
        yield Header()
        yield ToggleTree( "Root" )
        yield Footer()

    def on_mount( self ) -> None:
        tree = self.query_one( ToggleTree )
        tree.root.add_leaf( ":thumbsdown:" )
        tree.root.add_leaf( ":thumbsdown:" )
        tree.root.add_leaf( ":thumbsdown:" )

if __name__ == "__main__":
    CheckTreeApp().run()

[sergi0g]

Do you mean that there is no way to display something longer than one line?

[davep]

Correct, Tree limits each node label to one line.