美文网首页
3.6.4 页面控件--树控件

3.6.4 页面控件--树控件

作者: MisShop智能开发平台 | 来源:发表于2019-10-30 18:40 被阅读0次

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

image.png
所谓的倒数第一级就是树的叶子节点,那就是当前表,设置了关联列后形成单表下拉树的配置。这样,以后生成的页面中,凡是引用了部门的表的管理页面,输入部门的控件缺省就是单表下拉树。
image.png
再看一个复杂下拉树的默认树配置例子,以用户表为例,我们希望所有选择用户的地方都改用部门分级后的用户树:
image.png
最终结果如下:
image.png

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


image.png

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


image.png

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


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

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


image.png

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


image.png

相关文章

  • 3.6.4 页面控件--树控件

    树控件分为两种,单表下拉树和复杂下拉树。单表下拉树适用于表字段引用了本表的场景,例如部门表的上级部门字段又引用了部...

  • Flutter面试:渲染原理

    页面中的各界面元素(Widget)以树的形式组织,即控件树。Flutter通过控件树中的每个控件创建不同类型的渲染...

  • 图层命名规范

    1、图层切图命名规范命名按照层级如下:所处页面> 控件位置>控件类别 > 控件功能描述 > 控件状态页面之间使用下...

  • 九、ASP.NET的用户控件和第三方控件

    用户控件: UserControl,又称“Web用户控件”或者“部分页面”。 用户控件和自定义控件的区别如下: <...

  • wxPython树控件

    1、树控件 树(tree)是一种通过层次结构展示信息的控件,如下图所示是树控件示例,左窗口中是树控件,在wxPyt...

  • 表单日期控件实践

    日期控件HTML代码如下: 日期控件JS代码如下: 进入新增员工的表单页面 点击日期控件里面的日历图标 JSP页面...

  • 第三章 Android控件架构(一)

    一、Android控件树 Android控件大致分为两类,即ViewGroup控件和View控件。ViewGrou...

  • 跟着徐宜生学Android——

    [TOC] Android 控件架构与自定义控件详解 Android控价架构 控件树,上层控件负责下层子控件的测量...

  • 总结下wex5父页面和子页面之间的传值(参数)

    首先父页面里要加一个windowDialog控件用于打开子页面(控件src链接子页面)。 父页面向子页面传...

  • Android自定义控件知识点

    一、控件树 Android中控件大致被分为两类,viewGroup控件、view控件,viewGroup包含多个v...

网友评论

      本文标题:3.6.4 页面控件--树控件

      本文链接:https://www.haomeiwen.com/subject/hmnovctx.html