...
本次案例中,设备的类型我们设定为搅拌车,挖掘机,装载机。选择框的建模过程如下:
1)在控件区-单对象控件分类中找到选择框( )控件,将选择框拖入合适布局内;
...
3)在自定义下拉内容处,将“搅拌车,挖掘机,装载机”(逗号分割,中英文符号均可),点击确定后,下拉的选项组即刻显示在下拉框中。
图-选择框属性设置
信息 | ||
---|---|---|
| ||
|
1.2
...
单对象控件-日期框
我们日常注册用户信息,填写申请表时,往往会遇到选择日期的情况,例如出生日期、请假日期。DWF提供了日期框的控件,用于解决实际业务场景需要记录时间类型的数据。点击时间框时,能够下拉显示一个日历缩略图,并支持设置时-分-秒。接下来为大家讲解日期框的使用。
1)在单对象控件区找到日期框( )控件,拖入合适布局区内;
...
除了时间类型的数据,我们在日常生活中,还会遇到填写年龄、体重等数字类型的情况。在DWF中,数字框用于解决数字类型数据的维护和展示。接下来为大家讲解数字框的使用。
1)在单对象控件区找到数字框( )控价,拖入合适布局内;
...
在本节中,我们将进一步讲解表格控件的使用技巧,主要有三个功能:列定制面板、操作列和事件。首先是我们已熟悉的表格设置:
1)在多对象控件区域找到表格( )控件,拖入合适布局内;
...
代码块 | ||||
---|---|---|---|---|
| ||||
clientScript: if (this.selectedObjs && this.selectedObjs.length > 0){ var targetObjOid = this.selectedObjs[0].oid fileURL= `http://${this.env.serverIp}:${this.env.serverPort-8180+9090}/dwf/v1/omf/classes/${this.className}/objects/ ${targetObjOid}/attributes/assetImg/bytes?attachment=true&0`; console.log(fileURL); window.open(fileURL); } |
2.2 单对象控件-按钮
上一讲关于按钮的使用,与本章中关于新增设备、编辑设备功能的实现建模步骤相同。
...
3)保存表单后,回到app端刷新页面。还是同样的方式,可以多次点击新增按钮批量新增实体类对象,此时可以点击操作列对新增的空对象进行对象编辑。如下图所示。
4.小结
维护单个设备信息 SingleAsset
- 布局控件
- 行、列、分组框
- 单对象控件
- 文本框:文本框类型textarea
- 选择框:自定义下拉内容
- 附件:显示方式、整体高度上传文件:显示方式、整体高度
- 日期框:设置日期格式
- 数字框:数据范围显示、步长
- 行、列、分组框
维护多个设备列表 MultiAssets
- 布局控件-行、列
- 单对象控件
- 按钮:单击事件——创建设备、编辑设备、删除
- 多对象控件
- 表格:列定制面板、操作列、事件
...