Appearance
控件
概述
应用中的界面交互通过控件实现,织信提供了包括按钮
文本
下拉框
单行文本框
分组
弹性布局
分隔符
等多种控件。控件分为交互式控件和显示控件两种。 对于交互式控件,在用户点击会调用系统预设的动作。
通用设置
设置项 | 说明 |
---|---|
名称 | 控件名称 |
满足表达式时隐藏 | 在满足表达式时隐藏控件 |
满足表达式时禁用 | 在满足表达式时禁用控件 |
隐藏和禁用表达式在不同的场景下会有不同的上下文变量
,可以通过这些变量动态的设置控件的状态。例如批量删除
按钮,如果用户在没有选择任何记录的时候,需要设置为禁用
状态,则表达式应该设置为
javascript
${tableSelectedIdList.size()==0}
按钮设置
按钮
是最常用的交互控件,用户在点击按钮后会调用配置好的预设动作。例如 表格中的创建按钮,设置调用动作为打开记录创建页面
,在用户点击后 会打开配置好的记录创建表单。
按钮的设置项如下
设置项 | 说明 |
---|---|
隐藏名称 | 不显示按钮名称 |
图标 | 按钮的图标 |
圆角样式 | 按钮是否为圆角样式 |
浅色边框样式 | 按钮是否为只显示边框的样式 |
样式 | 按钮的样式,可选值为默认样式 文字样式 主要样式 成功样式 信息样式 危险错误 警告样式 半透明背景 |
使用表达式作为名称 | 使用表达式动态计算按钮的上的文字 |
角标内容 | 使用表达式动态计算按钮的上的文字 |
角标样式 | 角标样式,可选值为 主要样式 成功样式 信息样式 危险错误 警告样式 |
悬浮提示 | 鼠标悬浮在按钮上以后的提示信息 |
快捷键 | 触发按钮的快捷键,功能按键的标识符为:ctrl ,alt ,shift ,esc ,meta ,command ,windows ,组合按键用+ 拼接,例如需要用户按下ctrl 和b ,需要设置成ctrl+b |
需要用户确认 | 开启后,用户点击按钮需要用户确认 |
用户确认的提示信息 | 用户确认框显示的文字 |
用户操作完成后的提示信息 | 在执行动作完成后的提示信息,例如在删除按钮点击后,需要提示删除成功就可以将提示信息设置为删除成功 |
输入框设置
单行文本框
控件用来设置输入框的样式。
设置项 | 说明 |
---|---|
宽度 | 文本框的宽度,单位像素(px) |
占位符 | 输入框未输入信息是展示在输入框内的文字信息 |
输入框的值 | 输入并展示在文本框的文字信息 |
文本设置
文本
控件用来显示一行文字描述。
设置项 | 说明 |
---|---|
内容 | 文本内容表达式 |
字号 | 文本的字号 |
加粗 | 文本是否加粗 |
颜色 | 文本的颜色 |
背景色 | 文本的背景色 |
选择器设置
选择器
控件用来显示一行文字描述。
设置项 | 说明 |
---|---|
宽度 | 选择器的宽度 |
占位符 | 未选择值时的占位符 |
多选 | 是否允许多选 |
选择器的值 | 选择器选中选项的标识符 |
选项值 | 下拉选择器的选项名称以及标识符 |
开关设置
开关
控件用来显示一行文字描述。
设置项 | 说明 |
---|---|
开关值 | 值为Boolean 类型,用于控制开关开启或者关闭 |
分隔符
控件用来显示一个分隔符,用来将不同功能的控件分隔显示
弹性布局
控件用来将工具栏中的空白空间填满。例如在工具栏中需要将创建
按钮显示在左侧,删除
按钮显示在右侧,就可以在两个按钮之间增加一个弹性布局
控件