EOS Low-Code Platform 8 EOS Low-Code Platform 8
产品简介
安装部署
应用开发
专题场景实战案例
低代码(Low-Code)开发参考手册
高开开发参考手册
流程开发参考手册
AFCenter 使用指南
Governor 使用指南
FAQ
  • 1 适用场景
  • 2 基础功能
  • 2.1 页面资源
  • 3 场景
  • 3.1 访问表单和视图内的数据和⽅法
  • 3.1.1 访问表单
  • 3.1.2 访问视图
  • 3.2 引用表单
  • 3.3 引用视图

资源容器

# 1 适用场景

可以选择页面资源进行引入当前表单;用于复杂页面资源的嵌套

# 2 基础功能

# 2.1 页面资源

可以选择表单或者视图;

image-20240118134400368

# 3 场景

# 3.1 访问表单和视图内的数据和⽅法

# 3.1.1 访问表单

// 绑定资源容器的字段对应的就是整个表单的数据
this.formData.field_42461708
// 使用API获取表单的方法
this.Api.getFrameAsync('field_42461708').then(el => {
    console.log(el.Api, '======引用表单')
})

场景:点击按钮时,打印引用表单的数据和方法

方法:给按钮添加事件,如下图:

image-20240118151745460

image-20240118151833511

效果如下:

image-20240118152012102

# 3.1.2 访问视图

// 绑定资源容器的字段对应的就是整个视图表格的数据
this.formData.field_89356555
// 使用API获取视图的方法
this.Api.getFrameAsync('field_89356555').then(el => {
    console.log(el.Api, '======引用视图')
})

场景:点击按钮时,打印引用视图的数据和方法

方法:给按钮添加事件,如下图:

image-20240118152402048

效果如下:

image-20240118152558931

# 3.2 引用表单

例如:场馆预约展示顾客信息;效果如下:

image-20240118141108235

前提:场馆预约表和顾客信息表信息表的实体为单向1:1的关系;

image-20240118140406010

步骤1. 生成顾客信息表单页面

image-20240118140436249

步骤2. 在球馆预约实体生成的页面设置资源容器;字段选择n:1customer ,选择页面资源为顾客信息表单;

image-20240118140840126

# 3.3 引用视图

在表单中引用视图,并加载视图数据;效果如下:

image-20240118141326372

步骤1.在资源容器控件的页面资源中,选中类型为视图的选项

image-20240118141544118

其中节假日(被引用)默认视图数据如下:

image-20240118141653233

步骤2.在表单设置中添加表单加载前事件,调用视图查询api获取视图数据;如下代码:

this.$nextTick(() => {
  this.Api.getFrameAsync('field_89356555').then(el => {
    el.Api.doQuery()
  })
})

image-20240118141900029

上次更新: 2024/1/18下午3:43:24

← Excel 高开容器 →