企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
可以在表单底部添加额外的按钮,额外按钮位于默认按钮后面。 ## 方法原型: `setBtnExtra($title = '', $url = '', $linkType = 'link', $attr = [])` ## 参数说明: ``` * @param string|array $title 按钮标题或按钮数组 * @param string $url 按钮地址,用于link跳转、pop弹框或ajax提交的地址 * @param string $linkType 跳转类型 ajax-提交表单,link-页面跳转,pop-打开弹窗,null无操作,默认为页面跳转 * @param array $attr 按钮属性: { * type:default|primary|success|info|warning|danger|text, // 按钮类型,默认 primary * round:true|false, // 按钮是否圆角,默认 false * plain:true|false, // 是否朴素按钮,默认 false * circle:true|false, // 是否圆形按钮,默认 false * icon, // 按钮图标,可选择的图标见icon表单项 * disabled, // 是否禁用,默认 false * flag: 按钮标记,用于对按钮进一步操作,默认按钮的flag为submit和cancel * target: 按钮链接跳转类型(linkType为link时有效, _blank表示新页面打开链接), * confirm: false|true|{title, tips, type:warning}, 按钮点击时是否需要确认框, * extra_data: 附加数据, 表单提交时会把附加数据提交, * } ``` > 更具体的说明参考[按钮操作](按钮操作.md) ## 调用方式 - 设置额外按钮 ``` return SBuilder::make('form') ->setBtnExtra('额外按钮,跳转链接', 'http://baidu.com') ->fetch(); ``` > 页面效果: ![](https://box.kancloud.cn/bcf440dbed22fcb1e368e3290b3270de_189x65.png) - 点击按钮时弹出确认框 ``` return SBuilder::make('form') ->setBtnExtra('额外按钮, 打开弹框', '/admin/demo/detail', 'pop', [ 'confirm' => true ]) ->fetch(); ``` > 页面效果: ![](https://box.kancloud.cn/15ae9a01a5b5910ad7813d6d0096d93d_150x47.png) 点击后: ![](https://box.kancloud.cn/485ddc82dc4d96f557b4068c310290cd_489x164.png) - 自定义确认框内容(可同时自定义弹框的类型) ``` return SBuilder::make('form') ->setBtnExtra('删除操作', url('delete'), 'ajax', [ 'confirm' => [ 'title' => '确认要删除吗?', 'tips' => '删除后将不可恢复!', 'type' => 'error', ] ]) ->fetch(); ``` > 页面效果: ![](https://box.kancloud.cn/186fd95e4544bd51861326c24c71cd6e_120x50.png) 点击后: ![](https://box.kancloud.cn/f685856ffde629e31e76d1dba34407c7_519x172.png) - 批量设置额外按钮 ``` return SBuilder::make('form') ->setBtnExtra([ ['额外按钮,跳转链接', 'http://baidu.com'], ['额外按钮, 打开弹框', '/admin/demo/detail', 'pop', ['confirm' => true]], ]) ->fetch(); ``` > 页面效果: ![](https://box.kancloud.cn/191e39fb0ff4b23934f8df53d3e13da3_329x60.png)