提问人:Max Power 提问时间:5/11/2023 更新时间:5/11/2023 访问量:440
Python 面板仪表板 - 多页应用未按预期更新
Python Panel Dashboard - Multi-Page app not updating as expected
问:
我想要一个 Python 面板应用程序,它根据侧边栏中的单选按钮选择显示不同的页面内容。
有一些示例代码可以按照我想要的方式执行此操作,此处显示为“选项 3”: https://discourse.holoviz.org/t/multi-page-app-documentation/3108/3?u=maxpower
代码如下:
import panel as pn
pn.extension(sizing_mode="stretch_width")
pages = {
"Page 1": pn.Column("# Page 1", "...bla bla bla"),
"Page 2": pn.Column("# Page 2", "...more bla"),
}
def show(page):
return pages[page]
starting_page = pn.state.session_args.get("page", [b"Page 1"])[0].decode()
page = pn.widgets.RadioButtonGroup(
value=starting_page,
options=list(pages.keys()),
name="Page",
sizing_mode="fixed",
button_type="success",
)
ishow = pn.bind(show, page=page)
pn.state.location.sync(page, {"value": "page"})
ACCENT_COLOR = "#0072B5"
DEFAULT_PARAMS = {
"site": "Panel Multi Page App",
"accent_base_color": ACCENT_COLOR,
"header_background": ACCENT_COLOR,
}
pn.template.FastListTemplate(
title="As Single Page App",
sidebar=[page],
main=[ishow],
**DEFAULT_PARAMS,
).servable()
```import panel as pn
pn.extension(sizing_mode="stretch_width")
pages = {
"Page 1": pn.Column("# Page 1", "...bla bla bla"),
"Page 2": pn.Column("# Page 2", "...more bla"),
}
def show(page):
return pages[page]
starting_page = pn.state.session_args.get("page", [b"Page 1"])[0].decode()
page = pn.widgets.RadioButtonGroup(
value=starting_page,
options=list(pages.keys()),
name="Page",
sizing_mode="fixed",
button_type="success",
)
ishow = pn.bind(show, page=page)
pn.state.location.sync(page, {"value": "page"})
ACCENT_COLOR = "#0072B5"
DEFAULT_PARAMS = {
"site": "Panel Multi Page App",
"accent_base_color": ACCENT_COLOR,
"header_background": ACCENT_COLOR,
}
pn.template.FastListTemplate(
title="As Single Page App",
sidebar=[page],
main=[ishow],
**DEFAULT_PARAMS,
).servable()
但是,它并没有完全按预期工作,至少在面板 v1.0.0rc6 上没有。当我点击“第 2 页”,然后点击返回“第 1 页”时,主要内容没有按预期切换回来。奇怪的是,URL 确实在 和 之间按预期切换,但不是主要内容本身。...=Page+1
...=Page+2
我一直在尝试使用面板服务 app.py --autoreload 来调试它,这是一个很好的工作流程,但我仍然无法弄清楚为什么这不起作用,或者一个好的解决方案来让它工作。
答:
1赞
Max Power
5/11/2023
#1
这里给出的答案正是我想要的,我已经确认了 Panel 的 v1.0.0rc6 中预期的工作:
import panel as pn
from panel.template import FastListTemplate
pn.extension()
# Define pages as classes
class Page1:
def __init__(self):
self.content = pn.Column("# Page 1", "This is the content of page 1.")
def view(self):
return self.content
class Page2:
def __init__(self):
self.content = pn.Column("# Page 2", "This is the content of page 2.")
def view(self):
return self.content
# Instantiate pages and add them to the pages dictionary
pages = {
"Page 1": Page1(),
"Page 2": Page2(),
}
# Function to show the selected page
def show_page(page_instance):
main_area.clear()
main_area.append(page_instance.view())
# Define buttons to navigate between pages
page1_button = pn.widgets.Button(name="Page 1", button_type="primary")
page2_button = pn.widgets.Button(name="Page 2", button_type="primary")
# Set up button click callbacks
page1_button.on_click(lambda event: show_page(pages["Page 1"]))
page2_button.on_click(lambda event: show_page(pages["Page 2"]))
# Create the sidebar
sidebar = pn.Column(page1_button, page2_button)
# Create the main area and display the first page
main_area = pn.Column(pages["Page 1"].view())
# Create the Material Template and set the sidebar and main area
template = FastListTemplate(
title="Multi-Page App",
sidebar=[sidebar],
main=[main_area],
)
# Serve the Panel app
template.servable()
评论