How do I achieve different display content for different users?

[zhajio1988]

@davep
Hi, Dave
Suppose I have several users and use the RadioButton to switch back and forth (assuming the RadioButton is on the left side of the screen), each time I switch to a certain user, the right side of the screen will show a different content? Which widgets do I need to use?

[davep]

Hi, first off, it's not necessary to tag an individual person here: anyone can answer questions and tagging one individual may discourage others from giving their help (I've written up my own thoughts on asking for help with stuff, for anyone who might be interested).

As to your question: it's rather broad so I'm not entirely sure what it is you're asking for here. When it comes to the widgets you need, that will very much depend on what it is you want to show about the user; it's your application so only you really know what would work here. You can see all the widgets we have right now in the gallery.

Perhaps, though, you're not really asking about widgets but how you'd know when to update the detail based on the RadioButtons changing? If so I'd suggest actually using a RadioSet and then using the Changed message to react to the changes.

[zhajio1988]

Yes, RadioSet suits my needs, on_ radio_ set_ When changed, I call TabbedContent to store my widgets.
But so far, below code, when radio set, logging can get correct content, but TabbedContent does not show on screen.

from textual.app import App, ComposeResult
from textual.containers import Horizontal, VerticalScroll
from textual.widgets import Label, RadioButton, RadioSet, TabbedContent, TabPane
from textual.containers import Horizontal, ScrollableContainer, Center, Middle
from textual.reactive import reactive
from textual.widgets import Button, Footer, Header, Static, DataTable, ProgressBar
from textual.widget import Widget

from rich.text import Text, TextType
import logging
logging.basicConfig(level=logging.DEBUG,
                    filename='tui.log',
                    filemode='a',
                    format='%(asctime)s - %(pathname)s[line:%(lineno)d] - %(levelname)s: %(message)s'
                    )
class RadioSetChangedApp(App[None]):
    #CSS_PATH = "radio_set_changed.css"

    def compose(self) -> ComposeResult:
        with VerticalScroll():
            with Horizontal():
                with RadioSet(id="focus_me"):
                    for user in userList:
                        default_value = True if user == 'jiongz' else False
                        yield RadioButton(user, value=default_value)

    def on_mount(self) -> None:
        self.query_one(RadioSet).focus()

    def on_radio_set_changed(self, event: RadioSet.Changed) -> None:
        logging.debug(f"debug point {event.pressed.label}")
        self.tabCon= TabbedContent("RegrProgress")
        #self.regr = RegrStatus()
        #self.tabCon.compose_add_child(TabPane(f"{{event.pressed.label}}", self.regr));
        self.tabCon.compose_add_child(TabPane("Paul", Label("First child")));
        self.tabCon.compose()
        self.tabCon.focus()

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

Could anyone help me explain why

        self.tabCon.compose_add_child(TabPane("Paul", Label("First child")));
        self.tabCon.compose()
        self.tabCon.focus()

can not work?

[willmcgugan]

        self.tabCon.compose_add_child(TabPane("Paul", Label("First child")));
        self.tabCon.compose()

You will rarely have to use compose_add_child. You may want to read the docs on mounting.

If you want to make something selectively visible, you generally add the all the widgets with compose and make them invisible, then make the content visible again when you switch. You could also use ContentSwitcher for this.

BTW We have a Chinese speaker in the company. If you would prefer to ask in Chinese, we can translate!

[zhajio1988]

@willmcgugan
It seems I misunderstood how to use , I thought I could dynamically generate widgets and control which widgets were displayed.
It's great to hear that your company has Chinese speaking staff!

[zhajio1988]

How do I click on some cells in the DataTable to bring up other widgets, for example, my code below

class RegrCmd(Widget):
...
...
    def on_data_table_cell_selected(self) -> None:
        logging.debug("debug point table value %s", self.table.get_cell_at(self.table.cursor_coordinate))
        logging.debug("debug point table row %s", self.table.cursor_row)
        logging.debug("debug point table row_id %s", self.rows[self.table.cursor_row][2])
        self.mount(RegrStatus(name=self.name, id= self.rows[self.table.cursor_row][2]))

I found self.mount can only work in subclass of App. But my RegrCmd is subclass of Widget.

[TomJGooding]

Widgets do have a mount method which will "Mount widgets below this widget (making this widget a container)."

Here's a quick example:

from textual.app import App, ComposeResult
from textual.widget import Widget
from textual.widgets import DataTable, Label


class CustomWidget(Widget):
    def compose(self) -> ComposeResult:
        yield DataTable()

    def on_mount(self) -> None:
        table = self.query_one(DataTable)
        table.add_columns(*[f"Col {i}" for i in range(5)])
        for j in range(5):
            table.add_row(*["Click Me!"] * 5, label=f"Row {j}")

    def on_data_table_cell_selected(
        self,
        event: DataTable.CellSelected,
    ) -> None:
        self.mount(Label(f"You clicked: {event.coordinate}"))


class ExampleApp(App):
    def compose(self) -> ComposeResult:
        yield CustomWidget()


if __name__ == "__main__":
    app = ExampleApp()
    app.run()

[zhajio1988]

Thanks for your example.
I do use on_data_table_cell_selected and self.mount function, but the mounted customized widget doesn't show. I don't know why.
Below is my code snippet

class RegrStatus(Widget):
    """A RegrStatus widget."""

    def compose(self) -> ComposeResult:
        """Create child widgets of a stopwatch."""
        yield RegrProgressDisplay()
        yield DataTable()

    def on_mount(self) -> None:
        self.table = self.query_one(DataTable)
        self.table.focus()
        self.rowIdx = 0
        self.table.add_columns(*RegrStatusROWS[0])
        self.conn = sqlite3.connect('/proj/fe/jiongz/work/picosim_db/%s_results.db' % self.name)
        self.c = self.conn.cursor()
        res = self.c.execute("SELECT CaseName, Msg, SimTime, LogFile FROM tests_%s where Id='%s'" % (self.name, self.id))
        rows = res.fetchall()
        self.preDisplayCnt = len(rows)
        self.table.add_rows(rows[0:])
        self.table.zebra_stripes = True
        self.table.cursor_type = "cell"
        self.update_timer = self.set_interval(1, self.update_time)

    def update_time(self) -> None:
        """Method to update time to current."""
        #table = self.query_one(DataTable)
        #table.focus()
        res = self.c.execute("SELECT CaseName, Msg, SimTime, LogFile FROM tests_%s where Id='%s'" % (self.name, self.id))
        rows = res.fetchall()
        if self.preDisplayCnt < len(rows):
            logging.debug("debug point rows %d %d %d" % (self.preDisplayCnt,  len(rows), self.preDisplayCnt-len(rows)))
            self.table.add_rows(rows[self.preDisplayCnt-len(rows):])
            self.table.action_scroll_end()
            #for i in range(len(rows)-self.preDisplayCnt-1):
            #    table.action_cursor_down()
            self.preDisplayCnt = len(rows)

    #def on_data_table_cell_selected(self) -> None:
    #    logging.debug("debug point table value %s", self.table.get_cell_at(self.table.cursor_coordinate))


class RegrCmd(Widget):
    """A RegrCmd widget."""

    def compose(self) -> ComposeResult:
        """Create child widgets of a stopwatch."""
        yield DataTable()

    def on_mount(self) -> None:
        self.table = self.query_one(DataTable)
        self.table.focus()
        self.rowIdx = 0
        self.table.add_columns(*RegrCmdROWS[0])
        self.conn = sqlite3.connect('/proj/fe/jiongz/work/picosim_db/cmd.db')
        self.c = self.conn.cursor()
        res = self.c.execute("SELECT sampleTime, PICOsimCmd, id FROM user_%s" % self.name)
        self.rows = res.fetchall()
        self.preDisplayCnt = len(self.rows)
        self.table.add_rows(self.updateList(self.rows)[0:])
        self.table.zebra_stripes = True
        self.table.cursor_type = "cell"
        self.update_timer = self.set_interval(60, self.update_time)

    def update_time(self) -> None:
        """Method to update time to current."""
        #table = self.query_one(DataTable)
        #table.focus()
        res = self.c.execute("SELECT sampleTime, PICOsimCmd, id FROM user_%s" % self.name)
        self.rows = res.fetchall()
        if self.preDisplayCnt < len(self.rows):
            self.table.add_rows(self.updateList(self.rows)[self.preDisplayCnt-len(self.rows):])
            self.table.action_scroll_end()
            #for i in range(len(rows)-self.preDisplayCnt-1):
            #    table.action_cursor_down()
            self.preDisplayCnt = len(self.rows)

    def on_data_table_cell_selected(self) -> None:
        logging.debug("debug point table value %s", self.table.get_cell_at(self.table.cursor_coordinate))
        logging.debug("debug point table row %s", self.table.cursor_row)
        logging.debug("debug point table row_id %s", self.rows[self.table.cursor_row][2])
        self.mount(RegrStatus(name=self.name, id= self.rows[self.table.cursor_row][2]))

    def updateList(self, inList):
        showList = []
        for item in inList:
            showList.append(tuple(list(item)[0:-1]))
        return showList

[TomJGooding]

Please could you try reducing this down to a minimal reproducible example?

[zhajio1988]

This is already the smallest code snippet, otherwise it will not reflect the problem.The principle is that I press a certain cell in the datatable, use self.mount and then call another datatable, but this datatable does not display.

[TomJGooding]

You will need to provide a minimal reproducible example that shows the exact problem - not just what you consider "the smallest code snippet" from your project despite being close to 100 lines of mostly irrelevant, not reproducible code.