ASTRO轻应用 ASTROZERO-组装“待处理工单”页面:定义模型并绑定页面组件
定义模型并绑定页面组件
页面模型负责与页面组件交互,获取显示工单需要的数据。结合页面展示需求,可知需要创建如下模型:
模型名称 |
作用 |
详细定义 |
---|---|---|
workOrderList |
保存工单的基本信息。 |
自定义模型,包含的字段节点如下,这些节点与工单对象的字段名称相同,加粗斜体内容请替换为实际命名空间前缀:
|
queryCondition |
查询条件。 |
自定义模型,包含字段节点:title,字段类型Text,与页面上的查询条件对应。 |
queryWorkOrder |
查询工单。 |
服务模型,绑定公共接口“ queryWorkOrder”,调用查询工单逻辑。 |
total |
保存满足查询条件的记录数,作为Scroll组件滚动显示时的累计记录数。 |
自定义模型,包含的字段节点如下:
|
- 定义模型“workOrderList”。
- 单击“模型视图”,切换到模型视图。
- 在模型视图中,单击“新增模型”。
- 添加自定义模型,模型名称“workOrderList”,单击“下一步”。
- 单击“新增节点”,依次增加表2中列出的字段名称,单击“下一步”,再单击“确定”。
- 单击页面上方的,保存模型。
- 定义模型“queryCondition”。
- 在“模型视图”中,单击“新增模型”。
- 添加自定义模型,模型名称“queryCondition”,单击“下一步”。
- 单击“新增节点”,依次增加表2中列出的字段名称,单击“下一步”,再单击“确定”。
- 单击页面上方的,保存模型。
- 定义模型“total”。
- 在“模型视图”中,单击“新增模型”。
- 添加自定义模型,模型名称“total”,单击“下一步”。
- 单击“新增节点”,依次增加表2中列出的字段名称,单击“下一步”,再单击“确定”。
- 单击页面上方的,保存模型。
- 定义模型“queryWorkOrder”。
- 在“模型视图”中,单击“新增模型”。
- 添加服务模型,模型名称“queryWorkOrder”,单击“下一步”,
- “服务类型”选择“公共接口”,“选择项目”为“设备维修管理系统”,“搜索”中的接口选择“queryWorkOrder”,单击“下一步”,再单击“确定”。
- 单击页面上方的,保存模型。
- 绑定模型“workOrderList”。
- 单击“设计视图”,从“模型视图”切换到“设计视图”。
- 选中“列表视图容器”标签中的“列表视图”标签(不要选择列表视图容器),为其绑定“workOrderList”。
图12 绑定数据模型
- 如图13所示,选中“标题:”后的标签组件label,在右侧“属性”页签,单击“+”,增加属性值绑定,即设置“属性”为“文本内容”,“模型字段”为“workOrderList”下的“HW__title__CST”。
- 依次为其他标签添加属性值绑定,具体绑定的字段如表3所示。
表3 标签的属性值绑定 所在分栏
第一栏
第二栏
第二栏标签绑定的字段
1
标题:
label
workOrderList.HW__title__CST
2
单号:
label
workOrderList.HW__workOrderId__CST
3
状态:
label
workOrderList.HW__status__CST
4
要求到达时间:
label
workOrderList.HW__arriveTime__CST
5
要求解决时间:
label
workOrderList.HW__recoveryTime__CST
6
现场故障说明:
label
workOrderList.HW__faultPhenomenon__CST
7
优先级:
label
workOrderList.HW__priority__CST
- 为“处理”按钮添加属性值绑定,“属性”设置为“禁用”,绑定“workOrderList”的“isDeal”字段,绑定后为“workOrderList.isDeal”。
图14 添加属性值绑定
- 单击页面上方的,保存设置。
- 绑定模型“queryCondition”。
- 选中“请输入工单完整标题”输入框,为其进行值绑定,绑定字段为“queryCondition.title”。
图15 绑定工单标题
- 单击页面上方的,保存设置。
- 选中“请输入工单完整标题”输入框,为其进行值绑定,绑定字段为“queryCondition.title”。
- Astro轻应用_低代码开发平台Astro Zero_码农防脱神器
- Astro轻应用_低代码开发平台Astro Zero_新手入门
- 华为云Astro低代码平台能力_华为云Astro_低代码平台-华为云
- Astro低代码平台关键能力_低代码开发平台_华为云Astro-华为云
- 低代码开发平台好用吗_低代码平台_Astro低代码-华为云
- Astro轻应用_Astro大屏应用_分钟级构建业务大屏
- 低代码工作流_业务流程管理系统_低代码平台-华为云
- 大屏应用Canvas_华为云Astro_低代码平台-华为云
- 零代码开发如何创建应用_零代码开发平台_华为云Astro-华为云
- 华为云低代码平台_低代码开发平台_华为云Astro-华为云