【问题标题】:Re-load component to reflect new data (bryntum grid table)重新加载组件以反映新数据(bryntum 网格表)
【发布时间】:2021-12-10 02:41:33
【问题描述】:

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

【问题讨论】:

标签: typescript vue.js grid vue-component


【解决方案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/) 中向您提问 - 答案快速而中肯。

【讨论】:

    猜你喜欢
    • 2020-12-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-02
    • 1970-01-01
    • 2019-05-24
    • 1970-01-01
    相关资源
    最近更新 更多