Python Shiny：如何通过两个按钮切换conditional panel可见性？

数据老陈

2026-7-20

解决方案

要实现点击按钮打开/关闭条件面板，核心是用响应式变量跟踪面板的显示状态，再绑定按钮事件来更新这个状态，最后让条件面板根据这个状态切换显示。

完整代码如下：

from shiny import App, Inputs, Outputs, Session, ui, reactive, render

app_ui = ui.page_fluid(
    ui.input_action_button("show", "Show"),
    ui.panel_conditional(
        "output.show_panel",
        ui.input_slider("slider", None, min=0, max=100, value=50),
        ui.input_action_button("close", "Close")
    ),
)


def server(input: Inputs, output: Outputs, session: Session):
    # 初始化响应式变量，默认隐藏面板
    show_panel = reactive.Value(False)

    # 绑定Show按钮点击事件：显示面板
    @reactive.Effect
    @reactive.event(input.show)
    def _():
        show_panel.set(True)

    # 绑定Close按钮点击事件：隐藏面板
    @reactive.Effect
    @reactive.event(input.close)
    def _():
        show_panel.set(False)

    # 将响应式变量暴露给前端，供条件面板判断
    @output
    @render.text
    def show_panel():
        return str(show_panel.get()).lower()


app = App(app_ui, server)

关键说明：

响应式变量：show_panel = reactive.Value(False) 创建一个可跟踪的状态变量，初始值为False（面板隐藏）。
按钮事件绑定：用@reactive.event()监听按钮点击，分别设置show_panel为True（显示）和False（隐藏）。
暴露状态给前端：通过@output和@render.text将show_panel的值转为小写字符串（JS需要布尔值的字符串形式），让ui.panel_conditional的"output.show_panel"条件能正确识别。