如何在排序/过滤器/分组更改上刷新农业网格视图

时间:2018-11-07 04:47:06

标签: angular ag-grid ag-grid-ng2

我正在为服务器端的分组,排序,加载等实现ag-grid企业。例如,我在刷新视图时遇到问题。当我滚动到底部,然后单击按某列排序时,滚动将保留在底部,因此第一个数据将被加载到表的底部,而当我向上滚动时,我会得到反向排序或您可以调用的任何形式。当我单击排序时,即时消息会发生什么,是要使ag-grid的整个视图恢复到先前的状态,并在顶部滚动以刷新/重新初始化。

这里是official example,在这里您可以看到对行进行排序时,ag-grid是如何重新初始化的。当我将确切的代码从该plunkr复制到angular时,它会按预期工作,直到将rowDataType更改为服务器端

rowDataType = 'serverSide';
params.api.setServerSideDatasource(dataSource);

我这样做的时候,角度代码就会停止按原先的方式重新开始排序。无论是否带有“ serverSide”,Plunkr都可以正常工作。 因此,由于代码完全相同,因此我假设我错过了一些导入或存储?**

另一个问题,这样我就不会发垃圾邮件,以防有人路过。分组后如何删除加倍的列。当我按某个列分组时,我将其重复项作为生成的“组”列,因此我在2列中获得了相同的数据,我不介意删除其中任何一个。例如:

enter image description here

1 个答案:

答案 0 :(得分:0)

我猜想这与进口有关。不知道其中哪一个可以解决问题,测试时间太短,但是其中一个可以解决。 将它们导入到agular-cli.json>脚本中,所有这些都开始在plunkr上运行:

"../node_modules/ag-grid/dist/ag-grid.min.js",
"../node_modules/ag-grid-enterprise/dist/ag-grid-enterprise.min.js",
"../node_modules/ag-grid-angular/updateGridAndColumnProperties.js",
"../node_modules/ag-grid-community/dist/ag-grid-community.min.js"

如果路过的人知道我帖子中的第二个问题(关于隐藏按分组的一列),还是非常感激。

相关问题