1
关注
293
浏览

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

查看全部 1 个回答

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

相关问题

低代码平台前端下拉列表组件如何自定义选项
平台发布后,多语言没有完全覆盖
低代码平台应用如何脱离平台独立部署
低代码应用独立部署授权获取硬件信息失败如何处理
低代码应用部署后遇到性能问题怎么办
低代码平台自定义CSS编写规范
低代码平台app页面下拉选择组件如何设置默认选中值
低代码平台前端调用批量更新/删除接口,参数的格式是什么
干将低代码平台到处大数据量数据内存不释放怎么处理
低代码APP不会生成桌面图标