在同一页面中实现多层级布局(ScrollArea + Table)

CUBA
#1

在Cuba中如何实现一个页面中多层级布局？
比如，一个公司下有多个部门，部门下有多个人？二级、三级都可以添加多行并能编辑
2

#2

具体问题是什么？是布局问题还是实体设计问题？建议能针对具体问题提问。

#3

首先是布局问题，在现有的Component或是Container中，没有看到能够多级布局的内容。
或者可以再举个应用例子，看是否能够实现：
在一个Editor页面中，可以有多行“Category”，每行Category有名称、ID等字段。同时Category下面又有subcategory，subcategory有名称及其他字段。
不希望是点击Category后跳转到subcategory页面，而是希望在一个页面上多级显示，也能够编辑。

#4

可以使用 VBOX 或 HBOX 进垂直或水平排列布局，参考这里：https://doc.cuba-platform.cn/manual-7.1-chs/gui_BoxLayout.html
你可以按照需要，将三个表格水平排列或垂直排列。

另外两个数据组件之间的数据联动功能的实现方式可以参考这里：
https://doc.cuba-platform.cn/manual-7.1-chs/gui_data_comp_dep.html

#5

非常感谢，参考文档里的数据联动应该是一种变通的方法吧，就是每次都需要点击具体行才能看到下一级内容。我想是否能够在一个页面里就能够显示与编辑。我再做一个示意图，如下所示
2

#6

明白你的意思了，这种布局肯定可以实现， 但是实现比较复杂。二级内容、三级内容应该都需要去动态创建。
建议还是使用联动表格来实现。

#7

使用DataGrid DetailsGenerator 和 fragment实现了

2 个赞