某种情况下,开发人员期望自定以的字段发生变化后,需要修改其他的字段,这篇文章从两个维度来讲解如果处理数据的联动
界面设计器配置
1: 在界面设计器页面中的的组件区域找到自定义的字段,设计元件
2: 在模型区域,搜索提交方式
,如果找到了,就把该字段拖拽进来, 如果找不到,就在元件中的组件区域,拖拽一个文本字段,按照下面的配置进行配置,然后保存
图一是找到了对应的字段
图二是找不到对应的字段
【图一】
【图二】
图二的字段编码必须是constructDataTrigger
3: 从模型区搜索联动函数
,将其拖拽进来
3: 从模型区搜索提交数据
,将其拖拽进来
4: 从模型区搜索提交字段
,将其拖拽进来
5: 发布
(记得刷新页面哦)
最后再到对应的设计器页面,选中该字段,进行配置
提交方式为blur
或者change
, 需要开发者手动调用该方法 this.blur()或者this.change(value)
// 字段对应的ts文件
class MyField extends FormFieldWidget {
onChangeValue(val) {
// this.change(val)
// this.blur()
}
}
联动函数就是要调用的后端函数
提交数据分为:变更字段
-> 发生变化后的字段当前视图字段
-> 当前视图所有的字段指定字段
-> 指定字段,如果配置的指定字段,那么提交字段
的配置就要输入对应的字段
代码配置
平台也支持通过代码的方式修改字段
// 字段对应的ts文件
class MyField extends FormFieldWidget {
onChangeValue(val) {
// 修改字段本身的值
this.change(val)
// 修改其他字段的值
this.formData.otherField = 'value'
this.reloadFormData$.subject.next(true);
}
}
Oinone社区 作者:汤乾华原创文章,如若转载,请注明出处:https://doc.oinone.top/frontend/4397.html
访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验