Google App maker列表视图分组

提问于 2024-05-01T16:14:32+08:00

浏览次

0

在App制造商中，我们没有用于分组的任何开箱即用的小部件 . 我们有手风琴列表视图，但它不会根据分组过滤列表 .

我们希望对列表数据进行分组，分组将包含基于分组的相关数据 . 请在下面找到图片参考链接 . SharePoint grouping image

1 回答

1
Grouping

如果您有关系数据并且您有相应数量的相关记录，那么您可以通过将列表嵌套在另一个列表中来实现此结果 . 内部列表可以很容易地绑定到主记录的关系 .

Collapse/Expand All

您可以通过切换CSS类来切换嵌套项：
```
// onClick event of the 'collapse all' button  
app.currentPage.OuterList.styles = ['collapseAll'];

// onClick event of the 'expand all' button  
app.currentPage.OuterList.styles = [];
```
```
/* CSS rules */
.collapseAll .app-SomePage-InnerList {
  display: none !important;
}
```
Collapse/Expand individual row

这有点棘手 . 由于与折叠/展开 All 冲突，纯CSS解决方案很可能无法正常工作 . 此刻我没有看到优雅的App Maker-way解决方案 .

Note

如果你有相当多的相关记录，那么实现将会复杂得多，因为此时AM不支持关系的分页 .
回复于 2024-05-01T16:14:32+08:00

相关问题