企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
> addButton('字段名称', '字段别名'[, '按钮属性' , '按钮类型']) 标识符:`button` | 参数 | 含义 | 类型 | 必填 | | --- | --- | --- | --- | | name | 字段名称(英文) | string | 是 | | title | 字段别名(中文)| string | 是 | | attr | 按钮属性 | array | 否 | | elemtype | 按钮类型 | string | 否 | ## button 按钮 默认为`button`类型的按钮,如下所示代码会生成一个`id`为`test`的`button`。实际应用中往往需要**额外JS代码**来配合使用。 ~~~ return FormBuilder::getInstance() ->addButton('test', '自定义') ->fetch(); ~~~ ![](https://img.kancloud.cn/69/be/69be9d405c92096e238bf66555369d14_109x55.png) ## a标签按钮 `a`标签按钮通常需要配合自定义属性的`href`来使用,如下所示代码会生成一个点击后跳转新页面的按钮(`target`和`href`属性仅适用于a标签按钮) ~~~ // 定义按钮属性 $btn = [ 'target' => '_blank', 'href' => url('add') ]; return FormBuilder::getInstance() ->addButton('test', '自定义', $btn, 'a') ->fetch(); ~~~ ## 添加图标 `button `和 `a` 按钮都可以通过 `icon `来定义一个图标 ~~~ // 定义按钮属性 $btn = [ 'target' => '_blank', 'href' => url('add'), 'icon' => 'fa fa-plus-circle', ]; return FormBuilder::getInstance() ->addButton('test', '自定义', $btn, 'a') ->fetch(); ~~~ ### 按钮颜色 `button `和 `a` 按钮都可以通过 `class`来改变按钮的颜色。常用的样式为 `btn-success` , `btn-primary` , `btn-info` , `btn-danger` , `btn-warning`, `btn-default` ~~~ // 定义按钮属性 $btn = [ 'target' => '_blank', 'href' => url('add'), 'class' => 'btn-success', ]; return FormBuilder::getInstance() ->addButton('test', '自定义', $btn, 'a') ->fetch(); ~~~ ![](https://img.kancloud.cn/8d/61/8d615f1256dbf92353926d3c5b29ac3d_98x58.png) ![](https://img.kancloud.cn/50/00/5000c475e1ec579c95bc92567c6a9d22_260x465.png) ## 禁用按钮 `button `和 `a` 按钮都可以通过 `disabled`来禁用按钮 ~~~ // 定义按钮属性 $btn = [ 'icon' => 'fa fa-plus-circle', 'class' => 'btn-success', 'disabled' => '', ]; return FormBuilder::getInstance() ->addButton('test', '自定义', $btn) ->fetch(); ~~~ ## 修改按钮id 默认情况下,按钮的`id`值是`name`参数的值,如果需要修改按钮的`id`,可以直接给`id`另外赋值。 ~~~ // 定义按钮属性 $btn = [ 'icon' => 'fa fa-plus-circle', 'class' => 'btn-success', 'id' => 'newid', ]; return FormBuilder::getInstance() ->addButton('test', '自定义', $btn) ->fetch(); ~~~ ## 添加自定义属性 还可以给按钮添加一些自定义属性,但仅限于“data-”开头。 ~~~ // 定义按钮属性 $btn = [ 'icon' => 'fa fa-plus-circle', 'class' => 'btn-success', 'data-url' => 'http://siyucms.com' ]; return FormBuilder::getInstance() ->addButton('test', '自定义', $btn) ->fetch(); ~~~