Taipy框架菜单页嵌套Navbar无法加载Markdown内容问题求助

问题原因 #

1. 当前Navbar的lov直接使用变量名字符串，Taipy无法将其关联到实际的Markdown内容对象
2. Navbar默认行为是触发页面路由跳转，所以点击选项会打开新页面，而非在当前页面内切换内容

解决方案 #

通过状态变量跟踪选中项，动态渲染对应Markdown内容，同时覆盖Navbar的默认跳转行为：

1. 修改Python逻辑代码 #

from taipy.gui import State, Markdown

# 定义两个Markdown内容
instance_md = """
# <strong>Data</strong> Upload
## Let's upload data now
"""

download_md = """
# <strong>Data</strong> download
## Let's download data now
"""

# 定义Navbar选项（用标识字符串替代变量名）
live_nav_options = [
    ('download', 'Download'), 
    ('instance', 'Instance')
]

# 初始化状态变量，跟踪当前选中的选项
current_tab = 'download'

# 处理Navbar点击事件的函数
def on_navbar_click(state, action, info):
    # 更新当前选中的选项
    state.current_tab = info['args'][0]

# 绑定live页面
live_md = Markdown("user_interface/taipy/pages/live/live.md")

# 应用页面配置保持不变
pages = {
    '/': root,
    "Home": home_md,
    "Interact": interact_md,
}

2. 修改live.md页面内容 #

<center><|navbar|lov={live_nav_options}|on_action={on_navbar_click}|type="links"|></center>

<!-- 根据当前选中的选项动态渲染对应Markdown -->
<|{instance_md}|markdown|visibility={current_tab == 'instance'}|>
<|{download_md}|markdown|visibility={current_tab == 'download'}|>

关键修改说明 #

• 用current_tab状态变量跟踪用户选中的Navbar选项
• 通过on_action绑定自定义函数，覆盖Navbar默认的页面跳转行为，改为更新状态变量
• 使用visibility属性控制不同Markdown内容的显示/隐藏，实现页面内内容切换
• 将Navbar的lov改为使用标识字符串（如'download'、'instance'），而非直接引用变量名，避免歧义

内容的提问来源于stack exchange，提问作者Aravind R K