1
关注
781
浏览

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

周海涛 超级管理员 用户来自于: 运营商级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

相关问题

干将低代码平台部署后如何修改redisson配置
低代码平台应用如何脱离平台独立部署
普通人怎么学习低代码?
低代码平台移动端级联选择组件如何设置默认值
应用页面预览空白
低代码平台前端脚本自定义查询条件有那些
低代码APP不会生成桌面图标
干将低代码平台到处大数据量数据内存不释放怎么处理
低代码平台移动端怎么部署
干将低代码平台如何获取当前登录用户信息