...
- 单对象控件:选择框、日期框、数字框
- 多对象控件:表格的列面板定制、事件、操作列功能
- 手机端控件:
1.维护单个设备信息
单个设备信息维护表单设计如图。
...
3)在自定义下拉内容处,将“搅拌车,挖掘机,装载机”(逗号分割,中英文符号均可),点击确定后,下拉的选项组即刻显示在下拉框中。
图-选择框属性设置
信息 | ||
---|---|---|
| ||
|
...
3)根据实际的业务需要,可以设置日期框的日期格式,例如年月、年月日、时分秒等。默认设置为年月日。
图-日期框属性设置
1.3 单对象控件-数字框
...
下面以在设备列表的操作列创建工单操作为例,为大家介绍操作的设置信息。这部分内容会涉及到第五章 表单建模进阶的表单,大家可以学习第五章后再进行操作。同时在本示例中还会串讲第三部分 DWF脚本开发的脚本内容。大家不必纠结脚本语法,按照我们提供的脚本复用即可。
图-基于设备创建工单操作编辑框
前处理脚本内容如下,用于为将选中设备对象的”全局唯一标识oid“回填到工单对象的“故障设备oid“。表单打开前脚本内容如下,用于为将选中设备对象的”全局唯一标识oid“回填到工单对象的“故障设备oid“。
代码块 | ||||
---|---|---|---|---|
| ||||
//前处理脚本 if (this.selectedObjs && this.selectedObjs.length > 0) { return { obj: { assetOid: this.selectedObjs[0].oid, woTitle: "输入维修规程" } } } |
后处理脚本如下,创建工单成功后,更新设备对象记录“当前工单数woCount”的属性值,同时刷新MultiAssets表单中表格的数据。表单关闭后脚本如下,创建工单成功后,更新设备对象记录“当前工单数woCount”的属性值,同时刷新MultiAssets表单中表格的数据。
代码块 | ||||
---|---|---|---|---|
| ||||
//后处理脚本 if (this.selectedObjs && this.selectedObjs.length > 0) { targetAsset = this.selectedObjs[0]; targetAsset.woCount += 1; this.edit(targetAsset, this.className).then(r => { grid = this.getAddinById("Grid1");//Grid1为MultiAssets表单中表格控件代号,需要调整成自己系统表格的id grid.freshData(); }) } |
...
如果想要实现功能的操作并未创建,则需要点击“绑定操作”处的“+”按钮,为按钮新增并绑定一个操作。
图-创建设备操作编辑框
3.批量创建及编辑实体类
...
3)保存表单后,回到app端刷新页面。还是同样的方式,可以多次点击新增按钮批量新增实体类对象,此时可以点击操作列对新增的空对象进行对象编辑。如下图所示。
4.
...
手机端表单设计如图:
手机端表单
- 方法1:直接在表单模型管理界面中新增移动端表单。
- 方法2:直接在创建操作时直接新增移动端表单。
首先介绍第1种——直接在表单模型管理界面中新增移动端表单。建模过程(基于上文已创建的表单)如下:
1)表单模型中Asset点击创建,出现创建表单对话框,选择移动端填写表单名(英文名)“assetMobile",显示名(中文名)”设备移动端“。
2)表单定制页面中,拖拽控件区的轮播和商品卡片两个控件到相应位置,画图区中点击轮播控件,在属性区中修改轮播项1、2、3为图片库,点击图片库下的空白格,出现图片管理器弹框,点击上传,从本地图库中选择三个搅拌车进行上传,并选中第一个搅拌车图片,点击轮播项1的图片库下的空白格;选中第二个搅拌车图片,点击轮播项2的图片库下的空白格;选中第三个搅拌车图片,点击轮播项3的图片库下的空白格,点击确认(图24)。读者也可以根据需要新增不同类型的表单,并进行定制。
点击画布区的表格控件,再点击表格列名(可按需设置)右上角,弹出列定制面板,展开“样式设置”标签页,将“该列可编辑”的勾选框勾选上;
3)保存表单后,回到app端刷新页面。点击新增按钮,可实现批量新增多条无属性值数据,双击表格列可编辑行数据(实体类对象)。这样我们就实现了批量新增实体类对象和编辑实体类对象。如下图所示。
...
小结
维护单个设备信息 SingleAsset
- 布局控件
- 行、列、分组框
...
- 布局控件-行、列
- 单对象控件
- 按钮:单击事件——创建设备、编辑设备、删除
- 多对象控件
- 表格:列定制面板、操作列、事件
5.附件
View file name 表单建模入门(二)第四章 表单模型(二).zip height 250