页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

2)实现物料列表表单设计,通过目录点选在创建物料的同时完成物料树父子关系的定义。

1.物料分类树设计

目录树是以实体类为基础构建一个树,为了实现上述物料分类树的功能我们设计了1个实体类和4个表单:

...

序号属性名中文名取值说明
1parentOid父对象表示在建实体类勾选时自动生成
2materailID物料代号
3MaterailName料名称
4Spec规格
5materState物料状态
6MaterialStande物料标准
7Board大类
8Sub小类
9MaterailType物料类型金属材料
10material材料
11Type分类分类(是分类的节点),原材料(是具体的物料)

如果创建的实体类需要构造目录树需要勾选”是否树“,勾选后系统会自动产生”如果创建的实体类需要构造目录树需要勾选”是否树“,点击右下角”确定“,勾选后系统会自动产生”parentOid“,见下图。


Image RemovedImage Added

勾选”是否树“

2. 左树右表的业务构建

下面结合物料树来介绍下图常见的左树右表的业务表单构建,我们创建物料树Materailtree表单。

2.1页面布局构造设计

为了实现左树右表的构造,需要选择3个控件:

1)选择布局控件”多列‘控件,例子中选择2列;

...

3)右侧选择多对象控件中的“表格”控件,表格控件用于显示左侧物料分类树上所包含的物料,表格控件的使用在已有详细介绍,本处不在赘述。

Image RemovedImage Added

图 左树右表的表单布局

2.2 目录树的设置

2.2.1 目录树的属性设置

物料树MaterailTree表单中目录树的主要设置内容介绍如下:

...

  • 懒加载:懒加载默认打开目录树2层
  • 搜索框:选择搜索框可以在目录树上设置查询框
  • 开启分页:选择”开启分页“目录树最下方可有分页显示
  • 刷新按钮:选择:刷新按钮”可以在搜索框右侧显示刷新按钮

Image RemovedImage Added

图 目录树的设置

2.2.2 目录树的事件设置

在左树右表的页面中需要实现以下的功能:

1)单击左树节点,右侧的表格可以列出该节点下面的物料;

...

说明:目录树操作按钮显示可支持三种方式:图标,文字,图标+文字,以满足使用者对菜单显示设置的需要。建下图中的标注2。

Image RemovedImage Added

图  目录树操作按钮三种显示方式

3. 目录点选控件的使用

目录点选可以选择目录树上的一个节点并回填到目标属性上去,该功能只是回填和显示,需要注意2个问题:

...

场景:设计一个物料实体类新增物料的表单MeterailAdd(添加物料),实现在选择目录树某个节点下新增物料,即在完成新增物料的同时也同时创建出在目录树下所选择的节点下产生一个新的物料的父子关系。

Image RemovedImage Added

以下为目录点选属性设置情况:

...

  • 回填的属性(允许多属性回填),根据回填属性拼接查询条件查询数据(and),如果匹配出多条记录则显示第一条记录的显示属性值
  • 开启懒加载后,如果回填是按照回填路径格式回填,则根据回填路径格式获取加载层数,进行定位,如果回填的是末级节点,则一级目录如果命中则定位,如果不命中则无法定位

4.小结

本章介绍目录树的构造设置和目录树点选控件的的使用,目录树和目录点选可用到很多场景,希望各位小伙伴认真学习和领会这2个控件的使用,在物料分类案例中,我们通过设计实体类Materail表单并使用目录点选辅助完成了目录树的构建,也创建了左树右表,通过在目录树上的新增和编辑来维护物料分类树。

我们把物料分类树的模型进行了打包,各位小伙伴可以导入物料分类树的模型包和materail数据进行学习和理解。

5.附件


View file
name物料分类树模型包.zip
page目录树与目录点选
spaceDWF
height250

materail (3).xlsx

...