低代码实践:题型物料化设计(四)

文内项目 Github:XIAOJUSURVEY
此部分属于题型物料化设计的扩展,本篇主要围绕设置器物料的联动应用进行分享。
设置器原理分享可查看《低代码实践:题型物料化设计(三)》。
多个设置器可以联动应用,即是表单联动。
举例

1、答题名单
选中“空间成员”Tab 时,展示名单登录提示语
和团队空间成员选

2、答题名单
选中“白名单”Tab 时,展示名单登录提示语
和白名单列表
3、答题名单
切换 Tab 时进行内容清空,即切换 Tab 清空名单登录提示语
、团队空间成员选择
、白名单列表
实现
API
查看设置器可用的字段:

关于 valueGetter 和 valueSetter:

应用
1、实现例子里 1 和 2 的功能:用 relyFunc

2、实现例子里 3 的功能:用 valueSetter

关于我们
感谢看到最后,我们是一个多元、包容的社区,我们已有非常多的小伙伴在共建,欢迎你的加入。
Github:XIAOJUSURVEY
社区交流群

Star
开源不易,请star一下 ❤️❤️❤️,你的支持是我们最大的动力。

版权声明: 本文为 InfoQ 作者【XIAOJUSURVEY】的原创文章。
原文链接:【http://xie.infoq.cn/article/a68f71ea5fd22551e9ea8661b】。
本文遵守【CC-BY 4.0】协议,转载请保留原文出处及本版权声明。
评论