本帖最后由 Tracy.Liu 于 2020-10-27 13:54 编辑
树型图插件也称树形菜单,多应用于目录结构或者省市区查询等,与菜单插件一样,可以使整个网站分类和结构更加清晰,查找和使用更加方便。 本节主要介绍树型图插件的使用。
版本更新记录 版本号 | | | | | 1.增加动态级别模式。
2.增加查询条件设置。
3.增加排序条件设置。 | |
菜单和树型图.zip
(1.22 MB, 下载次数: 533)
| 1.0.1.2 | 修复手机图标菜单在设计器中预览时,设计器可能会异常退出的Bug。 | |
菜单和树型图.zip
(1.41 MB, 下载次数: 572)
| 1.0.2.2 | | |
菜单和树型图.zip
(149.12 KB, 下载次数: 552)
| 1.0.2.9 | 版本更新。 | |
菜单和树形图.zip
(158.79 KB, 下载次数: 498)
| 1.0.2.11 | 版本更新。 | |
菜单和树型图.zip
(158.99 KB, 下载次数: 493)
| 1.0.2.14 | 版本更新。 | |
菜单和树型图.zip
(159.46 KB, 下载次数: 499)
| 5.0.100.0 | 版本更新。 | |
自定义菜单类型和树类型.zip
(162.32 KB, 下载次数: 490)
| 5.0.102.0 | 更新版本号 | |
自定义菜单类型和树类型.zip
(162.56 KB, 下载次数: 629)
| 6.0.4.1 | 更新版本号 | |
自定义菜单类型和树类型.zip
(163.13 KB, 下载次数: 510)
| 6.0.102.0 | 版本升级 | |
自定义菜单类型和树类型.zip
(164.14 KB, 下载次数: 1042)
|
操作步骤
1.在“版本更新记录”表中,下载对应版本的插件。如何安装或卸载插件?
2. 安装插件并重启活字格设计器后,打开单元格类型,会出现刚安装好的树型图插件。
3.选择一片单元格区域,并设置其单元格类型为菜单。
图1 设置单元格类型
4.在属性设置区的“单元格设置”页签,对树型图进行设置,设置说明见表1。
表1 树形图设置说明
设置 | | 树节点 | 1.不绑定数据库:可自定义树节点的名称与值,并通过
来增加、减少、上移和下移节点。
2.绑定数据库:编辑绑定树节点,可选择绑定模式为固定级别模式或动态级别模式,并进行属性设置、查询设置、排序设置。 | 编辑命令 | 设置当您单击树节点时执行的命令。 | 编辑树样式 | 设置背景色与字体颜色。 | 默认展开方式 | 全部展开或和全部收起。 | 说明
● 在树型图中,如果选中的是最外层的树结点,树型图的值即为选中结点的值;如果选中的是子节点,则值等于“选中结点的父级结点的值_选中结点的值”。
案例
需求场景一 : 固定级别模式的树型图
某连锁店在多个省市都有分店,想要在页面中,设置一个菜单,当选择省份时,会列出该省的所有分店;当选择市时,会列出该市所有的分店。
操作步骤
1.设计省份表、城市表、店铺表,其中:省份表中包含省份名字段;城市表中包含城市名和省份ID字段,且省份ID字段与省份表中的ID关联;店铺表中包含店铺名和所在城市ID,且所在城市ID字段与城市表中的ID字段关联。
2.创建页面,在页面中选择一个单元格区域,设置其单元格类型为树型图,并创建一个店铺的表格,绑定字段。
3.设置树节点。选中树型图单元格,在属性设置区的“单元格设置”标签中,勾选“绑定数据库”,单击“编辑绑定树节点”。
4.选择绑定模式为“固定级别模式”(因为该场景中省级和市级为固定的级别),设置级别1的属性:级别名称为“省级”,选择数据表为“省份表”,值字段为“ID”,显示字段为“省份名”。您也可以设置该级别的查询条件与排序条件。
5.在级别1上右击,选择“添加子节点”,或单击
添加子节点。设置级别2的属性:级别名称为“市级”,选择数据表为“城市表”,值字段为“ID”,显示字段为“城市名”,关联父级别值字段为“省份ID”。您也可以设置该级别的查询条件与排序条件。
6.设置完成后,单击“确定”,这时在设计器中就会显示已设置好的树型图。
7.在城市表中增加一个公式字段,对应树型图中子节点的值。字段名称为“城市标识”,公式为“[省份ID]&"_"&[ID]”。
说明
● 在树型图中,如果选中的是最外层的树结点,树型图的值即为选中结点的值;如果选中的是子节点,则值等于“选中结点的父级结点的值_选中结点的值”。
8.选中树型图单元格,在属性设置区的“单元格设置”标签中,单击“编辑命令”,设置查询命令,查询店铺所在的省等于树型图的值(如陕西省、河北省),或店铺所在的市等于树型图的值(如西安、石家庄等)。
9.在属性设置区中,设置默认展开方式和树样式。
①运行工程,页面列出所有的店铺。
②单击“陕西省”,会列出所有该省的店铺。
③单击“西安”,会列出所有西安的店铺。
需求场景二 : 动态级别模式的树型图
物品类别与物品均在物品表中,并且有各自的ID与其父级结点的ID。想要在页面中将物品按类别显示。
操作步骤
1. 在页面中选择一个单元格区域,设置其单元格类型为树型图。
2.设置树节点。在属性设置区的“单元格设置”标签中,勾选“绑定数据库”,单击“编辑绑定树节点”。
3.选择绑定模式为“动态级别模式”(因为该场景中级别不固定),选择数据表为“物品表”,值字段为“ID”,显示字段为“物品”,关联父级别值字段为“父级结点ID”。您也可以设置该级别的查询条件与排序条件。
4.单击“确定”后,在设计器中所有物品会在物品表中找到各自的父级节点,呈树状显示。您还可以设置默认展开方式与树的样式。
运行工程后,所有物品会在物品表中找到各自的父级节点,呈树状显示。
|