如何在点击按钮时更新Taipy页面？动态添加输入框求助

原代码直接调用page.add()无法实现动态元素添加，因为Taipy的UI渲染基于状态驱动，需要通过状态变量管理动态元素列表来实现。

正确实现代码 #

import taipy as tp
import taipy.gui.builder as tgb
from taipy import Gui

input_name = "Taipy"
message = None
# 用列表存储动态输入框的绑定值
input_elements = []

with tgb.Page() as page:
    tgb.input("{input_name}")
    tgb.text("{message}")
    tgb.button("add", on_action=add_element)
    # 循环渲染列表中的所有动态输入框
    with tgb.for_each("{input_elements}"):
        tgb.input("{item}")

def add_element(state):
    # 向列表添加新的空输入值，触发UI更新
    state.input_elements.append("")
    # 显式通知Taipy刷新UI
    state.update()

Gui(page).run()

关键说明 #

• 状态变量管理动态元素：用input_elements列表存储每个动态输入框的绑定值，每次点击按钮时向列表追加新元素
• 循环渲染动态元素：通过tgb.for_each遍历列表，Taipy会自动根据列表内容渲染对应的输入框
• 触发UI刷新：修改状态变量后调用state.update()，确保Taipy检测到变化并更新页面

内容的提问来源于stack exchange，提问作者Forcha Pearl