各位知乎的友友们,大家好~ 今天来给大家带来的是inBuilder低代码平台特性推荐系列第九期——子表弹出新增!
01 概述
子表弹出新增,是低代码平台提供的一种前端输入组件,在子表字段较多的场景中,有时为了方便输入,我们会选择通过弹出编辑框的形式来展示并提供用户输入。接下来,让我们一起学习下如何实现功能吧!
02 效果展示
点击子表中的新增,出现子表输入弹窗。
03 功能实现
1 启用弹出编辑
打开要修改的带有子表的卡片表单,选中左侧的控件树。点击相应的子表表格组件。
点击右键,在弹出选项中选择启用弹出编辑。
2 修改按钮事件
在右边模型中切换到弹出卡片视图,可以看到刚刚生成的弹窗卡片样式。
选中新增按钮,在右边属性栏修改为“弹出新增” 。
点击交互选项栏,将原有的点击事件删除。
点击新建交互事件,点击事件,然后下拉选择已有方法。
在已有方法中选择弹出窗口并新增数据方法,点击确定。
保存界面并点击发布。
这样,在带有子表的卡片界面中,我们就可以通过弹窗的形式来新增子表。怎么样,是不是很简单,快来试试吧!
欢迎大家下载inBuilder开源社区版,免费试用体验。