3.6.4 页面控件--树控件

树控件分为两种,单表下拉树和复杂下拉树。单表下拉树适用于表字段引用了本表的场景,例如部门表的上级部门字段又引用了部门表,从而形成多级部门树的概念;复杂下拉树则可以利用关联字段形成关联字段分类作为树的上一层,如果关联字段对应的表还有关联字段,则还可以向上形成关联字段的关联字段的分类方式作为树的更上一层,以此类推。
如果希望用户选择这种表数据的时候缺省就用树控件而不是下拉数据集,就需要在表定义界面定义默认树的参数:

image.png

所谓的倒数第一级就是树的叶子节点,那就是当前表,设置了关联列后形成单表下拉树的配置。这样,以后生成的页面中,凡是引用了部门的表的管理页面,输入部门的控件缺省就是单表下拉树。
image.png

再看一个复杂下拉树的默认树配置例子,以用户表为例,我们希望所有选择用户的地方都改用部门分级后的用户树:
image.png

最终结果如下:
image.png

当然,我们也可以在控件配置中对树控件进行各种参数的手动控制:手动配置需要了解一个前提,就是目前树控件引用了页面的前端数据集,所以为了配合树控件的使用,页面中的变量集里一定不能少相关表的前端数据集。
如下图所示:


image.png

上面讲的树控件,都是弹出式的,也可以制作嵌入式的,可以直接看到树控件里面的全貌


image.png

通过选择上图中的模式可以切换树控件的显示模式。同时可以配置是否多选,是否展开节点,是否显示连接线等参数。
这个根节点的配置单表下拉树和复杂下拉树是一样的,这里不再赘述。
下面看一下单表下拉树控件的二级节点的配置


image.png

这个配置指定了相关的前端数据集作为数据来源,以及树形表的父级关联字段。
再看一下复杂下拉树的二级和三级的配置界面:
image.png

二级节点的配置界面和上面很像,只是没有设置父级引用列,这样从某种程度上就认为这一层是计算父子关系的结束层。


image.png

三级节点通过父级引用列对二级节点形成配对关系,这样就形成了部门-用户树。
我们可以在新建项目的导航树的控件演示/输入模块下找到相关的控件演示页面,这些页面演示了各种各样的参数配置情况。


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容