上文《Jeecgboot低代码平台实施实战系列（五）场景实战司机管理之表单添加搜索功能》我们添加了搜索功能，在日常业务中我们可以看到在列表右侧会有一行操作列，如下图：
这里我们可以操作做很多事情，比如我们的司机信息里面有一个状态为正常和冻结两个状态，那我们有这样的场景，如果他状态是正常的话，我们在操作栏新增展示冻结按钮，如果他状态是冻结的话，我们在操作栏新增展示解冻按钮。那这个怎么实现呢？
答案还是在表单设计里面，在上方有一个自定义按钮的选项，如下图：
我们选中刚才的司机管理的表单，然后点击自定义按钮
就可以新增按钮了，点击新增，我们可以看到需要填写如下的表单：
对于这个表单来说，对应的输入框的说明如下：
①按钮编码：必填且唯一 ②按钮名称：必填 ③按钮样式: 指的是按钮的位置，Link：列表操作列【更多】选项下追加按钮，Button：列表上方 追加按钮，Form：表单弹框底部追加按钮（**vue3只支持底部添加**） ④按钮类型：指的是按钮触发事件的机制，Js：触发Js函数，需结合js增强使用，Action：触发内置请求，走后端逻辑，需结合sql增强或java增强使用 ⑤排序：即按钮显示的先后顺序 ⑥按钮图标：去 官方icon文档 查找对应的icon，配置即可，这个配置对【Link】按钮无效 ⑦表达式：只对【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的时候才会显示该按钮 。
从上方的说明我们可以看到具体应该填写什么，那么我们新增的冻结按钮示例如下：
解冻的按钮填写示例如下：
然后点击保存，咱们新增一条李四的数据为冻结状态
然后我们看下不同状态下展示的按钮情况，首先看张三的，他的状态是正常，应该展示冻结状态
李四是冻结状态，应该展示解冻按钮
自定义按钮是不是非常简单了。
还没有评论，来说两句吧...