大佬教程收集整理的这篇文章主要介绍了angularjs – 使用异步数据加载在角网格(ag-grid)中创建树,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
http://www.angulargrid.com/example-file-browser/index.php
在给定的示例中,已经提供了所有数据.扩展行组时如何使用异步数据加载?我的猜测是我需要编写自己的组行渲染器.
解决方案如下:
>为每个顶级行添加虚拟子行.可以为空或者可以在第一列中加载…字符串.
>在事件getNodeChildDetails(每次更新表rowData时调用)时,您可以指定是否应该扩展行.因此,我们的想法是跟踪扩展的内容和不扩展的内容.
getNodeChildDetails = (rowItem) => { if (rowItem.children) { return { group: true,expanded: rowItem.id in this.expandedRows,children: rowItem.children,}; } else { return null; } };
>在事件rowGroupOpened上,我们会跟踪哪些行被展开.
rowGroupOpened = (param) => { const id= param.node.data.id; if(!param.node.expanded) { delete this.expandedRows[id]; return; } this.expandedRows[id] = true; if (param.node.data.children.length !== 1) { // Here we need to check if only dummy row is present return; } this.api.showLoadingOverlay(); // Here I simulate fetching data from server setTimeout(() => { this.rowData.forEach((E) => { if (e.id == id) { e.children = [ // Add fetch rows ] } }); this.api.setRowData(this.rowData); // SetTing data,will trigger getNodeChildDetails call on each row this.api.hideOverlay(); },1000); };
以上是大佬教程为你收集整理的angularjs – 使用异步数据加载在角网格(ag-grid)中创建树全部内容,希望文章能够帮你解决angularjs – 使用异步数据加载在角网格(ag-grid)中创建树所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。