概述
当我们在配置界面可视化的时候,经常会遇到一个场景:想要动态设置某个地方的标题、值、表格数据等显示。这时候就需要动态绑定表达式,让页面上显示预期的数据,本篇文章讲的就是该功能的配置及应用。
入口
如下图,假设已组装好以下页面布局,我们以下拉框举例,点击选中下拉框(若不好选中,可以去大纲树精确选中)。

选中后,在属性面板中配置下拉选项,点击【点击绑定】。

此时会弹出绑定表达式的弹窗,如下图:

配置
目前主要分为数据源和工具函数2个模块,在左侧可以切换,在顶部支持模糊搜索。
数据源
数据源是指需要动态绑定的数据来源,一般分为全局数据、全局变量、组件变量三种,使用方式相同,只是数据的来源不同。数据由左至右代表的含义分别为:点击展开(对象和数组才有)、数据名称、数据类型(对象和数组才有)、子属性数量(对象和数组才有)、当前值。对象和数组数据可以层层展开,此时可以直接选择该数据,也可以选择某一层子属性,选择后会录入到右侧编辑框中。
- 全局数据
来自于网络请求返回的数据。在数据源-API接口中,配置好API接口,调试后会请求返回需要的数据,API接口的名称就是此处列举出的数据名称。

- 全局变量
来自于自定义的数据变量。在数据源-数据变量中,自定义创建的数据变量,会被展示在全局变量中供选择。
- 组件变量
来自于页面组件产生的数据变量。之前在页面拖拽生成的页面元素组件,有的会自动生成变量,一般为表单组件才会有,作为表单的值供后续使用。而表单容器也会自动生成唯一id可供选择使用。这些组件生成的变量会被展示在全局变量中供选择,如下图:

工具函数
工具函数是系统默认暴露出的内置函数,目前仅提供了2个:加密函数、唯一标识(uuid)生成函数。
- encrypt
用于加密数据。有的数据在网络传输时需要加密,例如密码,因此提供了这个函数。点击后右侧编辑区会自动输入:
lowcodeUtils.encrypt()加密需要传入待加密的数据作为参数,因为最终效果应该为(假设有data这个变量,包含密码数据):lowcodeUtils.encrypt(data.password)
- uuid
用于生成唯一标识。有时候需要绑定一个随机且唯一的值,此时就可以使用此函数生成。也可以是在整合数据时,生成唯一的关键字、键名。此函数不需要传入参数,直接使用即可:
lowcodeUtils.uuid()移除绑定
在编辑中可以正常输入、删除,最后确认即可。在绑定后,可以通过左下角【移除绑定】按钮,快速删除表达式。
配置结果
此处仅仅是配置下拉框的数据来源,找到对应的数据库池数据,然后展开选择需要的层级数据即可,如下图:

「喜欢这篇文章,您的关注和赞赏是给作者最好的鼓励」
关注作者
【版权声明】本文为墨天轮用户原创内容,转载时必须标注文章的来源(墨天轮),文章链接,文章作者等基本信息,否则作者和墨天轮有权追究责任。如果您发现墨天轮中有涉嫌抄袭或者侵权的内容,欢迎发送邮件至:contact@modb.pro进行举报,并提供相关证据,一经查实,墨天轮将立刻删除相关内容。




