...

• 单对象控件：选择框、日期框、数字框
• 多对象控件：表格的列面板定制、事件、操作列功能
• 手机端控件：

1.维护单个设备信息

单个设备信息维护表单设计如图。

...

3）在自定义下拉内容处，将“搅拌车，挖掘机，装载机”(逗号分割，中英文符号均可)，点击确定后，下拉的选项组即刻显示在下拉框中。

Image RemovedImage Added

图-选择框属性设置

...

3）根据实际的业务需要，可以设置日期框的日期格式，例如年月、年月日、时分秒等。默认设置为年月日。

Image RemovedImage Added

图-日期框属性设置

1.3 单对象控件-数字框

...

下面以在设备列表的操作列创建工单操作为例，为大家介绍操作的设置信息。这部分内容会涉及到第五章 表单建模进阶的表单，大家可以学习第五章后再进行操作。同时在本示例中还会串讲第三部分 DWF脚本开发的脚本内容。大家不必纠结脚本语法，按照我们提供的脚本复用即可。

Image RemovedImage Added

图-基于设备创建工单操作编辑框

前处理脚本内容如下，用于为将选中设备对象的”全局唯一标识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();
    })
}

...

如果想要实现功能的操作并未创建，则需要点击“绑定操作”处的“+”按钮，为按钮新增并绑定一个操作。

Image RemovedImage Added

图-创建设备操作编辑框

3.批量创建及编辑实体类

...

3）保存表单后，回到app端刷新页面。还是同样的方式，可以多次点击新增按钮批量新增实体类对象，此时可以点击操作列对新增的空对象进行对象编辑。如下图所示。

4.

...

手机端表单设计如图：

手机端表单

• 方法1：直接在表单模型管理界面中新增移动端表单。
• 方法2：直接在创建操作时直接新增移动端表单。

首先介绍第1种——直接在表单模型管理界面中新增移动端表单。建模过程（基于上文已创建的表单）如下：

1）表单模型中Asset点击创建，出现创建表单对话框，选择移动端填写表单名（英文名）“assetMobile"，显示名（中文名）”设备移动端“。

Image Removed

2）表单定制页面中，拖拽控件区的轮播控件到相应位置，画图区中点击轮播控件，在属性区中修改轮播项1、2、3为图片库，点击图片库下的空白格，出现图片管理器弹框，点击上传，从本地图库中选择三个搅拌车进行上传，并选中第一个搅拌车图片，点击轮播项1的图片库下的空白格；选中第二个搅拌车图片，点击轮播项2的图片库下的空白格；选中第三个搅拌车图片，点击轮播项3的图片库下的空白格，点击确认。读者也可以根据需要新增不同类型的表单，并进行定制。

3）表单定制页面中，拖拽控件区的商品卡片控件到相应位置，画图区中点击商品卡片，在属性区中选择目标类“设备”，选择商品标题“代号”，商品描述“设备名称”，商品图片“设备图标”，商品价格“工作小时数”，填写货币符号“开工小时：”，商品数量

修改轮播项1、2、3为图片库，点击图片库下的空白格，出现图片管理器弹框，点击上传，从本地图库中选择三个搅拌车进行上传，并选中第一个搅拌车图片，点击轮播项1的图片库下的空白格；选中第二个搅拌车图片，点击轮播项2的图片库下的空白格；选中第三个搅拌车图片，点击轮播项3的图片库下的空白格，点击确认（图24）。读者也可以根据需要新增不同类型的表单，并进行定制。

3）保存表单后，回到app端刷新页面。点击新增按钮，可实现批量新增多条无属性值数据，双击表格列可编辑行数据（实体类对象）。这样我们就实现了批量新增实体类对象和编辑实体类对象。如下图所示。

...

小结

维护单个设备信息 SingleAsset

• 布局控件
  • 行、列、分组框

...

• 布局控件-行、列
• 单对象控件
  • 按钮：单击事件——创建设备、编辑设备、删除
• 多对象控件
  • 表格：列定制面板、操作列、事件

5.附件