重新加载组件以反映新数据（bryntum 网格表）

Posted 2023-02-23

【中文标题】重新加载组件以反映新数据（bryntum 网格表）

【英文标题】：Re-load component to reflect new data (bryntum grid table)

【发布时间】：2021-12-10 02:41:33

【问题描述】：

我的 Vue 组件中有一个 bryntum 网格表。我还有一个条形图，我可以在其中单击条形并触发 byrntum 网格表以使用新数据进行更新。我需要以某种方式重新加载整个 bryntum 网格组件，以便它可以反映新数据。我尝试使用一个键并递增它来触发组件的手动重新渲染，但它似乎不起作用。我怎样才能真正重新加载组件来更新数据？

【问题讨论】：

如果您不发布代码，这里没有人可以帮助您。 ***.com/help/how-to-ask

【参考方案1】：

实际上，你不需要重新渲染整个网格，只要重新加载网格存储就足够了。有一种方法 (https://bryntum.com/docs/grid/api/Core/data/AjaxStore#function-load) 接受参数，因此您可以根据用户点击的内容来进行加载。

也可以在代码中设置新数据：

grid.store.data = [
    id:1, name:'Hello',
    id:2, name:'World',
    // etc
];

您也可以在他们的论坛 (https://www.bryntum.com/forum/) 中向您提问 - 答案快速而中肯。