首页
云表平台
品牌
客户案例
管理智库
用户故事
新闻动态
管理系统
应用商城
云粉社区
新手指南
视频教程
学习教程
帮助文档
视频教程
收费课堂
亲,请
登录
|
免费注册
|
管理控制台
查看“图形表单:实现九宫格布局”的源代码
←
图形表单:实现九宫格布局
跳转至:
导航
、
搜索
因为以下原因,你没有权限编辑本页:
您刚才请求的操作只对以下1个用户组开放:
用户
。
您可以查看并复制此页面的源代码:
=效果演示= 下图所示为海产品零售称重导航界面。日常使用中,在打开该界面后,我们点击1号框的“鱼”、“贝”、“虾”、“蟹”,2号框会出现对应的海产品。2号框中的任一一款海产品均可以单击,并弹出对应的“零售称重”窗口。初始界面为“鱼”类的海产品分页界面。 [[文件:DHJGGBJ001.png|720px|无框|居中]] 单击1号框的“鱼”分页,2号框对应的“鱼”类海产品。如下图所示: [[文件:DHJGGBJ002.png|720px|无框|居中]] 单击1号框的“贝”分页,2号框对应的“贝”类海产品。如下图所示: [[文件:DHJGGBJ003.png|720px|无框|居中]] =功能实现= 如果我们要根据已有数据画出导航,是可以实现的。但是由于现代社会的更新变化很快,若每次我们都通过增删种类或者增删分页中的产品按钮来完善导航,不仅工序复杂,而且耗时耗神,还容易出错。因此,下面我们用一个实例来讲解如何省时省力的完成导航中数据的实时更新。 第一步,我们要在需要引用的数据的表单模板中建立相关的数据接口。本例中需要在“商品信息”表单中建立相关的数据接口。 第二步,我们需要将导航的界面先画出来。本例中我们着重于下图的1号框中的功能实现,因此,我们仅详细讲解一下1号框导航界面的绘制。 [[文件:DHJGGBJ006.png|720px|无框|居中]] 首先,我们要在空白导航面板(即下图的零售称重主导航)中添加一个超链接(即下图的海鲜面板),然后在“海鲜面板”下添加列表(即下图的种类列表)以及组合面板(即下图的产品面板)。“种类列表”下添加分页按钮(即下图的品类分页按钮),然后继续添加超链接(即下图的种类超链接标签)。“产品面板”下添加列表(即下图的产品列表),然后继续添加超链接(即下图的产品超链接标签)。 [[文件:DHJGGBJ007.png|720px|无框|居中]] 为了使“种类”与“产品”呈现出效果演示中的排版——“种类”自动成排一列,“产品”自动铺满界面。因此,我们需要设置超链接标签中的“对齐”参数。如下图所示,在“种类超链接标签”的“对齐”处选择“充满”,在“产品超链接标签”的“对齐”处选择“自动排版”,便可实现目标效果。 [[文件:DHJGGBJ008.png|720px|无框|居中]] [[文件:DHJGGBJ009.png|720px|无框|居中]] 第三步,在填表公式中对应的事件中设置公式。首先,我们要明确我们要实现的效果:打开该导航后,该导航默认初始界面是“鱼”类的数据内容。单击相应的类别分页按钮后,会出现对应的数据内容的页面。明确了需要实现的效果后,我们就可以开始建立公式了。先在“定时器”事件中添加一个定时器,设置一个时间,用来每隔设定的时间便执行一次相应的操作。如下图所示进行设置: 第一个公式就是禁用定时器。 [[文件:DHJGGBJ010.png|720px|无框|居中]] 第二个公式是将商品信息中对应的海鲜种类的数据更新赋值到该导航的“种类列表”中。数据源绑定商品信息中含有所有海鲜种类数据的数据接口,当“种类列表”的“种类”和该数据接口中的“种类”匹配上时,给“种类列表”的“种类”赋值。这里,目标表“种类列表”是在上述控件“种类列表”中的“数据表”处填的值;目标数据项“种类”是在上述控件“种类超链接标签”中的“数据项”处填的值。 [[文件:DHJGGBJ011.png|720px|无框|居中]] 第三个公式是给导航默认初始页面——“鱼”类分页(即“鱼”类对应的“产品列表”)进行插入赋值。数据源绑定商品信息中含有所有海鲜产品数据的数据接口,当“鱼”类和该数据接口中的“种类”匹配上时,给“产品列表”的“产品名称”赋值。这里,目标表“产品列表”是在上述控件“产品列表”中的“数据表”处填的值;目标数据项“产品名称”是在上述控件“产品超链接标签”中的“数据项”处填的值。 [[文件:DHJGGBJ012.png|720px|无框|居中]] 第四步,在“表单激活”事件中,添加运行我们刚刚设计的定时器的公式。如下图所示进行设置: [[文件:DHJGGBJ013.png|720px|无框|居中]] 第五步,给“分页按钮单击”事件中添加公式。我们需要实现分页功能的是“品类分页按钮”控件,因此,我们给该控件下添加赋值公式。数据源绑定商品信息中含有所有海鲜产品数据的数据接口,当“种类列表”的“种类”和该数据接口中的“种类”匹配上时,给“产品列表”做插入赋值操作。这里,目标表“产品列表”是在上述控件“产品列表”中的“数据表”处填的值;目标数据项“产品名称”是在上述控件“产品超链接标签”中的“数据项”处填的值。 [[文件:DHJGGBJ014.png|720px|无框|居中]] 最后,给“超链接标签单击”事件中添加公式。我们需要实现功能的是“产品超链接标签”控件,因此,我们给该控件下添加新建表单公式——单击该控件后,弹出“零售称重”对话框进行新建。“零售称重”中的商品名称根据我们所单击的“产品超链接标签”来赋予对应的数据。 [[文件:DHJGGBJ015.png|720px|无框|居中]] 上述的设置,就是当表单激活后,运行定时器。定时器中的赋值公式循环运行后,禁用定时器。然后,当我们单击分页按钮时,对应按钮中的种类,将对应的种类的海鲜产品分页显示出来。当我们单击分页中的海鲜产品时,新建“零售沉重”表单填写相关数据。 =知识拓展= [[文件:DHJGGBJ016.png|720px|无框|居中]] 本例涉及的常用控件: 【超链接】可以作为一个面板来用。相比“组合面板”来说,“超链接”多了两个特殊的功能:1.可以填写“超链接地址”,后面在使用时可以直接单击进入该地址;2.可以设置边框的颜色,后面在使用时,边框色在对应的操作下会发生改变。 【列表】类似一个明细表。可以作为一个将数据进行分隔开的容器。 【组合面板】使用最简单,也是最基本的一种面板。 【分页按钮】有分页的效果。可以搭配其中的“选择”&“面板”来实现该效果。“面板”处填入按钮单击后需要显示出来的分页面板名称,然后再设计该分页面板时,勾选选择后,就可以对该分页面板进行设计。 【超链接标签】类似一个可以装入一项数据的容器。若是设置了“超链接地址”,单击后可以进入对应的地址里。若是设置了“字体”&“高亮字体”,单击后字体的大小或颜色都会进行相应的变化。 [[文件:DHJGGBJ017.png|720px|无框|居中]] [[文件:DHJGGBJ018.png|720px|无框|居中]] 我们有时需要在填表公式中对某个控件进行赋值,或者获取某控件的数据。这时,我们可以设置控件属性中的“数据项”/“数据表”。例如本例中填表公式中的“产品名称”、“产品列表”等,均是通过设置控件属性中的“数据项”/“数据表”才可以在填表公式中引用,并实现相关功能。
返回
图形表单:实现九宫格布局
。
导航菜单
查看
阅读
查看源代码
查看历史
操作
搜索
名字空间
页面
讨论
变种
首页
云表平台简介
云表概述
云表服务器各版本介绍
安装与配置
概述
创建云端应用空间
创建本地应用空间
安装云表服务器
商城产品的购买与安装
解绑服务器
激活服务器
在其它电脑上安装云表浏览器
新手入门
登入系统
新建文件夹
新建模板
如何定义数据项
在总表中管理表单
定义明细表
简化和规范数据的录入
列表选择辅助表单填写
设置主键,保证数据的唯一性
Excel公式快速填写表单
根据表单数据自动填写其它数据
在对话框中添加按钮
用本表单更改其它表单信息
使用数据校验保证准确性
组织机构
设置表单的操作权限
设置允许查看的数据范围
建立统计报表方便数据的查询
简易工作流的使用
建立业务流程
建立导航,美化系统
文件夹与导航目录
1.1 文件夹
表单模板
2.1 概述
2.2 新建模板
2.3 多表格模板的设计
2.4 内嵌浏览器的设计
2.5 模板样式
2.6 基本数据项
2.7 明细表
2.8 树形明细
2.9 交叉表
2.10 数据表管理
2.11 单元格格式
2.12 单元格类型
2.13 云表浏览器内核的切换方法
2.14 工具栏按钮右键菜单设置
2.15 隐藏文件列表操作按钮
数据接口
3.1 概述
3.2 自动编号
3.3 下拉列表
3.4 列表选择
3.5 树形列表
3.6 系统变量
状态设置
4.1 概述
4.2 应用
模板属性
5.1 基本属性
5.2 锁定条件
5.3 审批流程
5.4 附件
组织机构与操作权限
6.1 角色
6.2 用户
6.3 组织机构
6.4 岗位
6.5 业务公式更新用户信息
模板权限
7.1 权限
7.2 策略
总表
8.1 概述
8.2 筛选
8.3 分页显示
8.4 设置列宽
8.5 设置隐藏/显示数据项
8.6 设置数据项显示顺序
8.7 恢复列默认设置
8.8 显示表单图片
8.9 批量审核
8.10 批量导入
8.11 批量导入图片
8.12 给总表添加分类树
8.13 在总表中显示明细表
8.14 在总表中关联显示其他表单
填表公式
9.1 概述
9.2 事件
9.3 数据源
9.4 操作
9.5 函数
9.6 应用
业务公式
10.1 概述
10.2 快速入门
10.3 参数说明
10.4 新建操作
10.5 更新操作
10.6 删除操作
10.7 报错操作
10.8 更新明细表
10.9 子数据源
10.10 原理讲解
10.11 深入理解业务公式
10.12 事件
10.13 业务公式更新用户信息
业务流程
11.1 概述
11.2 快速入门
11.3 工作流进阶
11.4 流程删除方法
11.5 系统变量使用方法
其他类型模板
12.1 统计查询
12.2 报表
12.3 图表
12.4 设计登入界面
图形表单(导航)
13.1 使用方法
13.2 实现九宫格布局
系统服务
14.1 短信服务
14.2 短信服务(旧)
14.3 邮件服务
14.4 计划任务
14.5 系统日志
14.6 电话盒子服务
14.7 APP消息推送服务
14.8 文件系统
14.9 对接企业微信配置
14.10 对接钉钉配置
14.11 企业微信推送配置
14.12 微信推送配置
14.13 钉钉推送配置
14.14 网关服务器配置方法
系统配置
15.1 全局边栏配置
15.2 全局超时时间配置
企业云盘
16.1 概述
16.2 个人文件夹
16.3 协作文件夹
16.4 公用文件夹
16.5 基本操作
16.6 表单与云盘配合使用
外部数据源
17.1 概述
17.2 新建数据源(数据库)
17.3 新建数据源(API)
表达式
18.1 执行表达式
18.2 赋值表达式
打印
19.1 打印设置
19.2 自定义纸张大小
19.3 默认打印机设置
19.4 批量打印条码标签
移动端APP
20.1 APP概述
20.2 APP下载及安装
20.3 APP使用说明
20.4 APP地图定位
20.5 APP自动分组
云表服务器控制中心
21.1 云表服务器控制中心使用说明
常见问题分析
22.1 启动服务失败问题汇总
22.2 手工安装加密锁驱动
22.3 常用端口
22.4 配置数据接口最大返回条数限制
22.5 服务器安装启动问题指南
通用
23.1 函数
23.2 隐藏待办事项和已完成事项设置方法
23.3 账号密码缓存管理
23.4 修改模板样式文件及附件文件保存路径
23.5 导出word文档使用方法
23.6 电子围栏的使用
23.7 Json数据接口
23.8 高拍仪的使用
23.9 身份证读卡器的使用
23.10 同步组织机构
23.11 云表支付功能开通流程
23.12 云表支付业务逻辑设计
23.13 OpenAPI接口使用说明
管理软件帮助文档
云表进销存操作说明
新版帮助
表单与模版:概述
统计查询:概述
统计查询:区别
统计查询:基本用法
工具
链入页面
相关更改
特殊页面
页面信息