页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

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

图-选择框属性设置


信息
title注意!
  • 在该设备表单中做为对象下拉选择框使用,当打开“开启多选”开关后,可以实现多选;
  • 当在属性编辑区打开”数据字典‘时,对象下拉选择框可做外键引用类控件使用。

1.2

...

单对象控件-日期框

我们日常注册用户信息,填写申请表时,往往会遇到选择日期的情况,例如出生日期、请假日期。DWF提供了日期框的控件,用于解决实际业务场景需要记录时间类型的数据。点击时间框时,能够下拉显示一个日历缩略图,并支持设置时-分-秒。接下来为大家讲解日期框的使用。

...

代码块
languagejs
linenumberstrue
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

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

...