iRESP 文档中心

# 自定义按钮

# 添加自定义按钮

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

screenshot_1651716536924-273100055e2494055ece419b791a875c.png

# 自定义按钮配置说明

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

# 按钮表达式

TIP

功能描述：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的时候才会显示该按钮 。

TIP

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

# 操作示例效果

← 表单控件配置 →