-
|
Is it possible to have a TabbedContent with TabPanes inside, which are Views created by me to manage my data via controllers? Every time I move the code around and try to split it into views, I get a lot of errors. For example: def compose(self) -> ComposeResult:
yield TabbedContent(
TabPane(MainTableView(title="Library")),
TabPane(AddBookView(title="Add Book"))
)
/////////
from textual.app import App, ComposeResult
from textual.widgets import DataTable, Button
from textual.containers import Vertical
from textual.widgets import TabPane
class MainTableView(TabPane):
"""View for displaying the main table of books.""
def compose(self) -> ComposeResult:
yield Button("List")AttributeError: 'MainTableView' object has no attribute 'translate' |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 4 replies
-
|
Hi @Salvodif, You are getting the There is no need to add an additional Something along the lines of this: from textual.app import App, ComposeResult
from textual.widgets import Button, Placeholder, TabbedContent, TabPane
class MainTableView(TabPane):
def compose(self) -> ComposeResult:
yield Button("List")
yield Placeholder("Your desired widgets to be placed here...")
class SandboxApp(App[None]):
CSS = """
MainTableView > Placeholder {
height: 1fr;
}
"""
def compose(self) -> ComposeResult:
with TabbedContent():
yield MainTableView("Library", Placeholder("Dynamic Widget Added"))
if __name__ == "__main__":
SandboxApp().run()If this doesn't help than a more detailed MRE will be required. |
Beta Was this translation helpful? Give feedback.
-
|
I found a solution before your answer by playing with the code a bit but I still have a problem the MainTableView is not showed up in the TabbedContent. If I inherit from Tabane I get the error again: TypeError: TabPane.init() missing 1 required positional argument: 'title' def compose(self) -> ComposeResult:
"""Compose app with tabbed content."""
yield self.main_table_view
# Add the TabbedContent widget
# with TabbedContent(initial="library"):
# with TabPane("Library", id="library"): # First tab
# yield self.main_table_view
# with TabPane("Jessica", id="jessica"):
# yield Vertical(
# DirectoryTree("."),
# Input(placeholder="Title", id="title_input"),
# Input(placeholder="Author", id="author_input"),
# Input(placeholder="Tags (comma-separated)", id="tags_input"),
# Button("Add Book", id="add_button"),
# )
# Footer to show keys
yield Footer()
from textual.app import ComposeResult
from textual.widget import Widget
from textual.widgets import DataTable, Button, Input
from textual.containers import Vertical
class MainTableView(Widget):
def __init__(self, controller) -> None:
super().__init__()
self.controller = controller
"""View for displaying the main table of books."""
def compose(self) -> ComposeResult:
yield Vertical(
Input(placeholder="Search by title, author, or tags...", id="search_input"),
Button("Search", id="search_button"),
DataTable(id="book_table")
)
def on_mount(self) -> None:
"""Populate the table with books."""
book_table = self.query_one("#book_table", DataTable)
book_table.clear()
book_table.add_columns("Title", "Author", "Tags")
# Fetch books from the controller and add them to the table
books = self.controller.get_books()
for book in books:
book_table.add_row(book["title"], book["authors"], ", ".join(book["tags"]), key=book["uuid"])
def on_button_pressed(self, event: Button.Pressed) -> None:
if event.button.id == "search_button":
query_str = self.query_one("#search_input", Input).value
book_table = self.query_one("#book_table", DataTable)
new_data = self.controller.search(query_str)
book_table.clear()
for book in new_data:
book_table.add_row(book["title"], book["authors"], ", ".join(book["tags"]), key=book["uuid"])and if I implement your solution def compose(self) -> ComposeResult:
"""Compose app with tabbed content."""
# yield self.main_table_view
# Add the TabbedContent widget
with TabbedContent(initial="library"):
# with TabPane("Library", id="library"): # First tab
yield MainTableView("Library")
class MainTableView(TabPane):
"""View for displaying the main table of books."""
def compose(self) -> ComposeResult:
yield Vertical(
Input(placeholder="Search by title, author, or tags...", id="search_input"),
Button("Search", id="search_button"),
DataTable(id="book_table")
)
def on_mount(self) -> None:
"""Populate the table with books."""
book_table = self.query_one("#book_table", DataTable)
book_table.clear()
book_table.add_columns("Title", "Author", "Tags")
# Fetch books from the controller and add them to the table
books = self.controller.get_books()
for book in books:
book_table.add_row(book["title"], book["authors"], ", ".join(book["tags"]), key=book["uuid"])
def on_button_pressed(self, event: Button.Pressed) -> None:
if event.button.id == "search_button":
query_str = self.query_one("#search_input", Input).value
book_table = self.query_one("#book_table", DataTable)
new_data = self.controller.search(query_str)
book_table.clear()
for book in new_data:
book_table.add_row(book["title"], book["authors"], ", ".join(book["tags"]), key=book["uuid"])
|
Beta Was this translation helpful? Give feedback.
-
|
The custom class you created is already a This works for me: from textual.app import App, ComposeResult
from textual.widgets import Button, TabbedContent, TabPane, Input, DataTable
from textual.containers import Vertical
class MainTableView(TabPane):
def compose(self) -> ComposeResult:
yield Vertical(
Input(placeholder="Search by title, author, or tags...", id="search_input"),
Button("Search", id="search_button"),
DataTable(id="book_table"),
)
class SandboxApp(App[None]):
def compose(self) -> ComposeResult:
with TabbedContent():
yield MainTableView("Library")
if __name__ == "__main__":
SandboxApp().run()If you want to nested containers don't use If there is need for nested tabs you will have to create another |
Beta Was this translation helpful? Give feedback.
-
|
if for "works" you mean that there are no errors, ok neither mine code, but the DataTable shows nothing class BookManagerApp(App):
CSS = """
TabPane {
padding: 1;
}
"""
BINDINGS = [
("l", "show_tab('library')", "library"),
("j", "show_tab('jessica')", "Jessica"),
]
def __init__(self) -> None:
super().__init__()
self.db = BibliothecaProcurator("C:/MyDBTiny")
self.main_ctrl = MainTableController(self.db)
self.addbook_ctrl = AddBookController(self.db)
self.main_table_view = MainTableView(self.main_ctrl)
self.add_book_view = AddBookView(self.addbook_ctrl)
def compose(self) -> ComposeResult:
"""Compose app with tabbed content."""
# yield self.main_table_view
# yield self.add_book_view
# Add the TabbedContent widget
with TabbedContent(initial="library"):
with TabPane("Library", id="library"):
yield self.main_table_view
# yield MainTableView("Library", self.main_ctrl)
# with TabPane("Jessica", id="jessica"):
yield self.add_book_view
# Footer to show keys
yield Footer()
def action_show_tab(self, tab: str) -> None:
"""Switch to a new tab."""
# self.get_child_by_type(TabbedContent).active = tab
pass
if __name__ == "__main__":
BookManagerApp().run()
from textual.app import ComposeResult
from textual.widget import Widget
from textual.widgets import DataTable, Button, Input
from textual.containers import Vertical
class MainTableView(Widget):
def __init__(self, title, controller) -> None:
super().__init__()
self.controller = controller
def compose(self) -> ComposeResult:
yield Vertical(
Input(placeholder="Search by title, author, or tags...", id="search_input"),
Button("Search", id="search_button"),
DataTable(id="book_table")
)
def on_mount(self) -> None:
"""Populate the table with books."""
book_table = self.query_one("#book_table", DataTable)
book_table.clear()
book_table.add_columns("Title", "Author", "Tags")
# Fetch books from the controller and add them to the table
books = self.controller.get_books()
for book in books:
book_table.add_row(book["title"], book["authors"], ", ".join(book["tags"]), key=book["uuid"])
def on_button_pressed(self, event: Button.Pressed) -> None:
if not event.button.id == "search_button":
return
query_str = self.query_one("#search_input", Input).value
book_table = self.query_one("#book_table", DataTable)
new_data = self.controller.search(query_str)
book_table.clear()
for book in new_data:
book_table.add_row(book["title"], book["authors"], ", ".join(book["tags"]), key=book["uuid"]) |
Beta Was this translation helpful? Give feedback.
-
|
As mentioned before this: with TabbedContent(initial="library"):
with TabPane("Library", id="library"): # Not needed as your main_table_view is a TabPane already.
yield self.main_table_viewShould be this: with TabbedContent(initial="library"):
yield self.main_table_viewYour init needs a tab title since that is where your self.main_table_view = MainTableView("Library", self.main_ctrl, id="library") |
Beta Was this translation helpful? Give feedback.
As mentioned before this:
Should be this:
Your init needs a tab title since that is where your
AttributeErroris coming from: