腾讯无极低代码使用指南

64 阅读2分钟

结合本周视频跟练&之前的一些使用的过程,阶段性的写一下目前的使用下来的一些小tips吧~

入门篇

  • 直接从数据源可以拖拽出表格,同时直接生成对应弹窗页面,并且可以快速更改组件
方法1方法2
00ced8a0b6ed9bdb27de8a38d014d50f.gif2d34e858af110b03eddb3227958d8ab9.gif
  • 表格列表
  1. 动态列:属性——列详情设置——开启动态列,开启后,默认为列字段绑定,并自动创建一个页面变量,当然也可以使用其他的模式,可以自己动手去试试看 image.png

image.png

  1. 固定列:当表格宽度超过限制之后,容器开始滚动,默认将首尾固定便于查看,也可以自行决定哪些字段是要固定的项

image.png

全局撤销
当前页面内容不满足使用需求时,可以一键清空画布,无需额外的操作

image.png

表单联动
传统的开发方式中,构建复杂表单时,需要表单的内容项随着用户的输入而产生对应变化,比如腾讯无极在使用文档中的例子:“省市联动——当用户改变省份表中的选中值,可以改变城市表的下拉框选项内容”

2ae5fe01de0465aaff3f3813d22d8d8d.gif

向弹窗传参
目前无极可以直接在数据源中拖拽出UI组件,并自动形成弹窗很好用,生成的弹窗已经包含数据源中的全部信息,只需稍微调整一下展示的内容和方式即可。感兴趣的朋友可以去动手试试看啦~

image.png

image.png

当然有的时候也需要手动添加一些弹窗页面,可以直接通过以下方式进行手动添加——双向绑定

  1. 打开弹窗

image.png

普通参数和双向绑定参数的区别 ●普通参数:当在弹窗内修改 props.normalText 时,主页面的 state.normalText 并不会改变 ●双向绑定参数:当 在弹窗内修改 props.bindText 时,主页面的 state.bindText 会跟着一起改变 ●但是如果通过普通参数传入一个对象,这个对象的值是一个引用(类似指针),当修改对象内的字段时,主页页面的对象字段也会改变,以为它们都指向同一个引用

关闭弹窗 添加行为事件,选择UI交互中关闭弹窗的事件——>定义一个返回字段,并配置取消按钮仅关闭弹窗——>添加行为步骤:关闭弹窗事件,并不配置返回参数。

获取弹窗返回参数 返回主页面——打开弹窗——在返回值中配置接收关闭弹窗的参数名——执行JavaScript处理返回值。 if条件是判断关闭弹窗点击的是「确认」还是「取消」按钮,若为「取消」则没有弹窗返回值。

image.png