inBuilder低代码平台新特性推荐-第九期

各位知乎的友友们,大家好~       今天来给大家带来的是inBuilder低代码平台特性推荐系列第九期——子表弹出新增!

01 概述   

子表弹出新增,是低代码平台提供的一种前端输入组件,在子表字段较多的场景中,有时为了方便输入,我们会选择通过弹出编辑框的形式来展示并提供用户输入。接下来,让我们一起学习下如何实现功能吧!

02 效果展示

 点击子表中的新增,出现子表输入弹窗。

inBuilder低代码平台新特性推荐-第九期_第1张图片

03 功能实现

1   启用弹出编辑

 打开要修改的带有子表的卡片表单,选中左侧的控件树。点击相应的子表表格组件。

inBuilder低代码平台新特性推荐-第九期_第2张图片

      点击右键,在弹出选项中选择启用弹出编辑。

inBuilder低代码平台新特性推荐-第九期_第3张图片

2   修改按钮事件

在右边模型中切换到弹出卡片视图,可以看到刚刚生成的弹窗卡片样式。

inBuilder低代码平台新特性推荐-第九期_第4张图片

       选中新增按钮,在右边属性栏修改为“弹出新增” 。

       inBuilder低代码平台新特性推荐-第九期_第5张图片

         

     点击交互选项栏,将原有的点击事件删除。

inBuilder低代码平台新特性推荐-第九期_第6张图片

点击新建交互事件,点击事件,然后下拉选择已有方法。

 inBuilder低代码平台新特性推荐-第九期_第7张图片

在已有方法中选择弹出窗口并新增数据方法,点击确定。

inBuilder低代码平台新特性推荐-第九期_第8张图片

 

      保存界面并点击发布。

inBuilder低代码平台新特性推荐-第九期_第9张图片

这样,在带有子表的卡片界面中,我们就可以通过弹窗的形式来新增子表。怎么样,是不是很简单,快来试试吧!

欢迎大家下载inBuilder开源社区版,免费试用体验。

你可能感兴趣的:(低代码)