javascript - angularjs ng-grid：行之间的父子关系（隐藏/显示行）

时间：2014-05-09 19:04:05

标签： javascript angularjs angular-ui angular-ui-bootstrap ng-grid

我尝试使用预定义的隐藏行实现渲染ng-grid，并且在某些特定事件上我想要显示它们。我尝试模拟行之间的父子关系，但所有行都将以常规方式呈现和放置。

默认情况下，＆＃34;孩子＆＃34;行将被渲染为＆＃34;折叠＆＃34;

enter image description here

单击父项时，子行将显示为展开

enter image description here

我试图通过 gridOptions rowTemplate 设置找到一些解决方案，但我希望有人已经遇到过这种问题，也许你已经解决了如果您可以分享您的想法/解决方案，那将非常有用。

或者如果它是一个新问题，解决它的最佳方法是什么？

由于

答案 0 :(得分：3)

我在模型中为id，parentId和扩展添加了一些字段。在ng-单击切换行时，它会调用toggleExpansion来设置行的展开状态。 ng-show根据扩展标志确定是否显示行。

以下是相关问题的链接。请参阅第二个链接中有关行高css解决方案的警告。