找回密码
 立即注册

QQ登录

只需一步,快速开始

[官方免费的插件] 单元格类型插件 - 树型图

Simon.hu 讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2018-7-17 17:54  /   查看:14630  /  回复:0
本帖最后由 Tracy.Liu 于 2020-10-27 13:54 编辑

树型图插件也称树形菜单,多应用于目录结构或者省市区查询等,与菜单插件一样,可以使整个网站分类和结构更加清晰,查找和使用更加方便。
本节主要介绍树型图插件的使用。

版本更新记录
版本号
更新内容
支持活字格的最低版本
下载地址(鼠标悬停附件上方查看更新日期)
1.0.1.1
1.增加动态级别模式。
2.增加查询条件设置。
3.增加排序条件设置。
4.0.1.0
菜单和树型图.zip (1.22 MB, 下载次数: 190)
1.0.1.2
修复手机图标菜单在设计器中预览时,设计器可能会异常退出的Bug。
4.0.1.0
菜单和树型图.zip (1.41 MB, 下载次数: 211)
1.0.2.2
可被设计器查找和替换功能搜索到。
4.0.100.0
菜单和树型图.zip (149.12 KB, 下载次数: 219)
1.0.2.9
版本更新。
5.0.0.0
菜单和树形图.zip (158.79 KB, 下载次数: 102)
1.0.2.11
版本更新。
5.0.0.0
菜单和树型图.zip (158.99 KB, 下载次数: 111)
1.0.2.14
版本更新。
5.0.0.0
菜单和树型图.zip (159.46 KB, 下载次数: 138)
5.0.100.0
版本更新。
5.0.100.0
自定义菜单类型和树类型.zip (162.32 KB, 下载次数: 98)
5.0.102.0
更新版本号
5.0.102.0
自定义菜单类型和树类型.zip (162.56 KB, 下载次数: 233)
6.0.4.1
更新版本号
6.0.0.0
自定义菜单类型和树类型.zip (163.13 KB, 下载次数: 148)
6.0.102.0
版本升级
6.0.100.0
自定义菜单类型和树类型.zip (164.14 KB, 下载次数: 680)

操作步骤
1.在“版本更新记录”表中,下载对应版本的插件。如何安装或卸载插件?
2. 安装插件并重启活字格设计器后,打开单元格类型,会出现刚安装好的树型图插件。
3.选择一片单元格区域,并设置其单元格类型为菜单。
   图1  设置单元格类型
   
111.jpg
4.在属性设置区的“单元格设置”页签,对树型图进行设置,设置说明见表1
   表1  树形图设置说明
设置
说明
树节点1.不绑定数据库:可自定义树节点的名称与值,并通过 image2017-12-21_13-54-45.png 来增加、减少、上移和下移节点。
2.绑定数据库:编辑绑定树节点,可选择绑定模式为固定级别模式或动态级别模式,并进行属性设置、查询设置、排序设置。
编辑命令
设置当您单击树节点时执行的命令。
编辑树样式
设置背景色与字体颜色。
默认展开方式
全部展开或和全部收起。
说明
        在树型图中,如果选中的是最外层的树结点,树型图的值即为选中结点的值;如果选中的是子节点,则值等于“选中结点的父级结点的值_选中结点的值”。


案例
需求场景一 :  固定级别模式的树型图
某连锁店在多个省市都有分店,想要在页面中,设置一个菜单,当选择省份时,会列出该省的所有分店;当选择市时,会列出该市所有的分店。

   操作步骤
   1.设计省份表、城市表、店铺表,其中:省份表中包含省份名字段;城市表中包含城市名和省份ID字段,且省份ID字段与省份表中的ID关联;店铺表中包含店铺名和所在城市ID,且所在城市ID字段与城市表中的ID字段关联。
       blob785099181.png
   2.创建页面,在页面中选择一个单元格区域,设置其单元格类型为树型图,并创建一个店铺的表格,绑定字段。
     
image2018-1-22_11-16-35.jpg
   3.设置树节点。选中树型图单元格,在属性设置区的“单元格设置”标签中,勾选“绑定数据库”,单击“编辑绑定树节点”。
       blob869270934.png
   4.选择绑定模式为“固定级别模式”(因为该场景中省级和市级为固定的级别),设置级别1的属性:级别名称为“省级”,选择数据表为“省份表”,值字段为“ID”,显示字段为“省份名”。您也可以设置该级别的查询条件与排序条件。
       blob334753112.png
   5.在级别1上右击,选择“添加子节点”,或单击 blob362397460.png 添加子节点。设置级别2的属性:级别名称为“市级”,选择数据表为“城市表”,值字段为“ID”,显示字段为“城市名”,关联父级别值字段为“省份ID”。您也可以设置该级别的查询条件与排序条件。
       blob979334716.png
   6.设置完成后,单击“确定”,这时在设计器中就会显示已设置好的树型图。
       blob278678893.png
   7.在城市表中增加一个公式字段,对应树型图中子节点的值。字段名称为“城市标识”,公式为“[省份ID]&"_"&[ID]”。
       blob918245239.png

   说明
        在树型图中,如果选中的是最外层的树结点,树型图的值即为选中结点的值;如果选中的是子节点,则值等于“选中结点的父级结点的值_选中结点的值”。


   8.选中树型图单元格,在属性设置区的“单元格设置”标签中,单击“编辑命令”,设置查询命令,查询店铺所在的省等于树型图的值(如陕西省、河北省),或店铺所在的市等于树型图的值(如西安、石家庄等)。
       blob539593200.png
   9.在属性设置区中,设置默认展开方式和树样式。
       blob412761535.png

①运行工程,页面列出所有的店铺。
    blob63173827.png
②单击“陕西省”,会列出所有该省的店铺。
    blob310220641.png
③单击“西安”,会列出所有西安的店铺。
    blob797486266.png


需求场景二 :  动态级别模式的树型图
物品类别与物品均在物品表中,并且有各自的ID与其父级结点的ID。想要在页面中将物品按类别显示。
    blob239312133.png
操作步骤
1. 在页面中选择一个单元格区域,设置其单元格类型为树型图。
2.设置树节点。在属性设置区的“单元格设置”标签中,勾选“绑定数据库”,单击“编辑绑定树节点”。
3.选择绑定模式为“动态级别模式”(因为该场景中级别不固定),选择数据表为“物品表”,值字段为“ID”,显示字段为“物品”,关联父级别值字段为“父级结点ID”。您也可以设置该级别的查询条件与排序条件。
blob786640014.png
4.单击“确定”后,在设计器中所有物品会在物品表中找到各自的父级节点,呈树状显示。您还可以设置默认展开方式与树的样式。
blob263240355.png

运行工程后,所有物品会在物品表中找到各自的父级节点,呈树状显示。
blob399165953.png

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部