跳到主要内容

自定义按钮

1. 添加自定义按钮

进入菜单【online表单开发】,选中一条记录,点击自定义按钮,即可新增按钮。

2. 自定义按钮配置说明

  • ①按钮编码:必填且唯一
  • ②按钮名称:必填
  • ③按钮样式: 指的是按钮的位置
 Link:列表操作列【更多】选项下追加按钮
Button:列表上方 追加按钮
Form:表单弹框底部追加按钮(**vue3只支持底部添加**
  • ④按钮类型:指的是按钮触发事件的机制
    Js:触发Js函数,需结合js增强使用
Action:触发内置请求,走后端逻辑,需结合sql增强或java增强使用
  • ⑤排序:即按钮显示的先后顺序
  • ⑥按钮图标:去 官方icon文档 查找对应的icon,配置即可,这个配置对【Link】按钮无效
  • ⑦表达式:只对【Link】按钮有效,参考下文
  • ⑧按钮状态:表示按钮是否有效

按钮表达式

功能描述:online表单自定义按钮,按钮样式为link类型,支持通过配置表达式控制按钮的隐藏/显示

表达式规则说明

  • 等于表达式:字段名#eq#值

示例:name#eq#scott 表示当字段name等于scott的时候才会显示该按钮

  • 不等于表达式:字段名#ne#值

示例:name#ne#scott 表示当字段name不等于scott的时候才会显示该按钮

  • 判断空:字段名#empty#true

示例:name#empty#true 表示当字段name为空的时候才会显示该按钮

  • 判断非空:字段名#empty#false

示例:name#empty#false 表示当字段name不为空的时候才会显示该按钮

  • in表达式: 字段名#in#值

例如:name#in#scott,admin则当字段name等于scott或者等于admin的时候才会显示该按钮

多表达式规则说明

  • ||(逻辑或):

示例:name#eq#scott || age#eq#18 表示当字段name等于scott或者age等于18的时候才会显示该按钮 。

  • &&(逻辑与):

示例:name#eq#scott && age#eq#18 表示当字段name等于scott并且age等于18的时候才会显示该按钮 。

注意:1.v3.5.6+支持。2.不支持()。

操作示例效果