1
关注
401
浏览

低代码平台页面初始化时调用页面组件方法报错

周海涛 超级管理员 用户来自于: 运营商级NAT
2023-08-15 09:16
在瀚码低代码平台(干将低代码平台)的产品中,页面初始化ready方法时,我们可能需要调用组件(component)的方法,比如通过JS脚本来设置一些约束条件或者自动加载数据。这时候直接调用组件的方法会报错,因为在调用的时候组件还没渲染,这时候需要使用组件component中dispatch方法,该方法会确保组件渲染后再调用该方法


示例:

在页面ready中直接调用表格reload方法刷新表格。


export function ready(context) {
const grid = context.getComponent('tb_oPaRE');
grid.reload();
}


上述代码执行结果会报如下错误:




正确使用方法

调用组件的dispatch方法来确保需要调用的方法正确执行,再无法确定组件是否在调用该组件方法之前渲染时请使用该方式调用组件方法。https://hancode.yuque.com/ibi3kw/qzp9ku/nxzmh9#FrabI


//无参数调用
export function ready(context) {
const grid = context.getComponent('tb_oPaRE');
grid.dispatch('reload');
}

//带参数调用
export function ready(context) {
const data=[]
const grid = context.getComponent('tb_oPaRE');
grid.dispatch('setData',data);
}


关于作者

问题动态

发布时间
2023-08-15 09:13
更新时间
2023-08-15 09:16

相关问题

低代码平台app页面下拉选择组件如何设置默认选中值
低代码平台前端脚本自定义查询条件有那些
页面导出优化
应用页面预览空白
页面没有数据的情况下是不是可以给一个暂无数据
干将低代码平台如何获取当前登录用户信息
低代码平台如何查询错误日志信息
低代码平台前端如何自定义查询条件
在页面无数据的时候,按钮应当表现为无法操作状态,在按钮这边是否可以加个无数据时显示为disable
低代码应用如何部署倒集成门户上