Taipy GUI可视化元素无法实时更新问题咨询

使用Taipy GUI开发时，点击按钮向列表添加值或修改DataFrame数据后，GUI界面无法实时显示修改效果，仅在刷新页面后才能看到正确的列表与表格数据。

代码示例 #

from taipy.gui import Gui
import pandas as pd

a_list = [1,2,3]
data = pd.DataFrame({"x":[1,2,3], "y":[2,1,3]})


md = """
<|Update|button|on_action=update|>

# My list
<|{a_list}|>

# My data
<|{data}|table|width=fit-content|>
"""

def update(state):
    state.a_list.append(4)
    state.data["y"] = [10, 4, 3] 

Gui(md).run()

现象说明 #

点击按钮后界面无变化，刷新页面后可见列表新增4、表格y列数据更新为[10,4,3]：

• 点击按钮后刷新前界面：
  

• 刷新后界面：
  

解决方案 #

Taipy的状态更新依赖于对象引用的变化，直接修改可变对象（如列表、DataFrame）的内部元素不会触发界面刷新，可通过以下两种方式解决：

方法1：重新赋值对象（推荐） #

修改update函数，通过重新创建对象来改变引用，触发界面自动更新：

def update(state):
    # 列表：重新创建新列表
    state.a_list = state.a_list + [4]
    # DataFrame：使用assign创建新的DataFrame
    state.data = state.data.assign(y=[10, 4, 3])

方法2：手动触发状态变化通知 #

如果需要保留原对象引用，可在修改后手动调用state.notify_change()通知界面更新：

def update(state):
    state.a_list.append(4)
    state.data["y"] = [10, 4, 3]
    # 手动通知状态变化
    state.notify_change("a_list")
    state.notify_change("data")

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