## 自定义按钮 ### 1. 添加自定义按钮 进入菜单【online表单开发】,选中一条记录,点击自定义按钮,即可新增按钮。 ![](https://img.kancloud.cn/04/75/0475bc02dd7f3edb9b9f963ba5221c25_1709x371.png) ![](https://img.kancloud.cn/ce/3e/ce3e91d41f94de55a8f41e19cb50654a_791x559.png) ### 2. 自定义按钮配置说明 - ①按钮编码:必填且唯一 - ②按钮名称:必填 - ③按钮样式: 指的是按钮的位置 ``` Link:列表操作列【更多】选项下追加按钮 Button:列表上方 追加按钮 Form:表单弹框底部追加按钮(**vue3只支持底部添加**) ``` - ④按钮类型:指的是按钮触发事件的机制 ``` Js:触发Js函数,需结合js增强使用 Action:触发内置请求,走后端逻辑,需结合sql增强或java增强使用 ``` - ⑤排序:即按钮显示的先后顺序 - ⑥按钮图标:去 [官方icon文档](https://www.antdv.com/components/icon-cn/) 查找对应的icon,配置即可,这个配置对【Link】按钮无效 - ⑦表达式:只对【Link】按钮有效,参考下文 - ⑧按钮状态:表示按钮是否有效 ## 按钮表达式 >[info] 功能描述: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的时候才会显示该按钮 ### 操作示例效果 ![](https://img.kancloud.cn/61/79/617980f1f7e064c3822abbea7d33fa1e_793x471.png)