开发者社区> 问答> 正文

如何实现层级关系

(补充:我可能表达不清晰。我想实现的类似多级的项目分解或者BOM多层级分解。层级是不定的。新增一行需要选择其直接上级。目前感觉也就子表单能实现新增和编辑,但是怎么才能实现每行之间的层次关系呢)

明细行是有层级关系的,类似这样:
1 :阶段1 完成日期
1.1 :阶段1.1 完成日期 责任人
1.1.1 :阶段1.1.1 完成日期 责任人
1.1.2 :阶段1.1.2 完成日期 责任人
1.1.3 :阶段1.1.3 完成日期 责任人
1.2 :阶段1.2 完成日期 责任人
1.2.1 :阶段1.2.1 完成日期 责任人
1.2.2 :阶段1.2.2 完成日期 责任人
2 :阶段2 完成日期 责任人
2.1 :阶段2.1 完成日期 责任人
2.1.1 :阶段2.1.1 完成日期 责任人
2.1.1.1 :阶段2.1.1.1 完成日期 责任人
2.1.1.2 :阶段2.1.1.2 完成日期 责任人
2.1.1.3 :阶段2.1.1.3 完成日期 责任人
2.2 :阶段2.2 完成日期 责任人
2.3 :阶段2.3 完成日期 责任人
2.4 :阶段2.4 完成日期 责任人
如何实现体现上下级关系,并且可以折叠展开(每行可以单独编辑)?

多谢多谢。

补充:我可能表达不清晰。我想实现的类似多级的项目分解或者BOM多层级分解。层级是不定的

展开
收起
游客nx3cczhkfxpbk 2023-09-20 14:31:53 841 2
来自:钉钉宜搭
3 条回答
写回答
取消 提交回答
  • 十分耕耘,一定会有一分收获!

    楼主你好,阿里云可以通过使用表格组件来实现层级关系的展示,同时也可以添加折叠/展开功能。具体实现步骤如下:

    1. 在阿里云的可视化设计器中创建一个表格组件。

    2. 在表格组件中增加需要展示的列,如阶段、完成日期、责任人等。

    3. 在数据源中设置好数据,并按照层级顺序排列。

    4. 在表格组件的属性设置中开启折叠/展开功能,并选择需要折叠的列。

    5. 设定表格样式,以便更好地展示多级层级关系。

    这样设置可以实现展示多级层级关系,并且可以折叠/展开,每行可以单独编辑。同时,由于层级关系是不定的,所以需要按照层级顺序排列数据,并在数据源中设定好层级关系。

    2023-09-21 08:06:23
    赞同 4 展开评论 打赏
  • 十年摸盘键,代码未曾试。 今日码示君,谁有上云事。

    可以用Tree 树形控件,它适用于大量、具有层级关系的数据展示场景中,并且利用组件的展开收起和关联选中等交互可以方便地对数据进行操作处理。

    组件示例

    最简单的用法,展示可展开,可选中,可勾选,可编辑,可右键,禁用,禁用勾选,默认展开,默认选中,默认勾选等功能。

    2023-09-20 16:52:22
    赞同 5 展开评论 打赏
  • 用级联选择。

    1. 适用场景
      选项信息是一对多的关系,且具有层次性和联动性,多用于创建主类目和所属下级子类目的场景,多用于部门选择,城市选择(比如省市区)等包含有层次关系的场景。

    2. 基础功能
      2.1 显示搜索
      是否允许在输入框页面直接输入内容进行搜索,当层级过多时,可以开启搜索功能快速定位。
      2d299b20bf4f66be040fe6cc8e4bdafe_202202211751369532.png

    显示搜索

    效果如下:

    ae634b09ab9b01f4fa8a3ec9f5598e46_202202211751376223.png

    53b10d4477f165d4f2fbb66683f6f576_202202211751376732.png

    2.2 清除按钮
    清除选项框内的内容

    867e323b768aa6e04852ba444a7ab42a_202202211751386399.png

    2.3 使用数据源增减修改部门
    点击编辑代码之后可以看到该级联选择的数据源,都是在这里面修改增减主类目和子类目。

    abfbbdee882e466b785a73682840ee62_202202211751383687.png

    数据源

    6aeb67b3c0ee6e2e38669684f8ea673f_202202211751395570.png

    第一层级和第二层级分别对应的数据源内的结构:

    eec6d09dce6e96ed8690acd30fccd3be_202202211751404076.png

    2023-09-20 15:30:24
    赞同 3 展开评论 打赏
问答分类:
问答地址:
关联地址:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载