FastAdmin表单工具栏自定义按钮

工具栏按钮

步骤一
在需要添加自定义按钮的html上增加a标签,如下:

<a href="javascript:;" class="btn btn-danger btn-zdy btn-disabled disabled {:$auth->check('user/rule/zdy')?'':'hide'}" title="自定义" ><i class="fa fa-trash"></i>自定义</a>

class属性中的 btn-zdy为自定义按钮

FastAdmin在一键CRUD时会自动生成添加、编辑、删除、导入、更多按钮的HTML,这些按钮会根据用户所拥有的权限控制基是否显示或隐藏。我们可以在控制器对应的index.html视图文件中任意修改或删除对应的按钮。请特别注意这几个自动生成的按钮都通过基拥有的class属性来绑定相关的事件,例如添加按钮拥有btn-add这个class、框架所已经占用的class如下:
btn-add: 添加按钮使用
btn-edit: 编辑按钮使用
btn-del: 删除按钮使用
btn-import: 导入按钮使用
btn-more: 更多按钮使用
btn-multi: 指操作使用
btn-disabled: 添加此class后则只有在列表有选中数据时按钮才会变为可使用
步骤二
在控制器对应的JS中添加事件
1、首先在 初始化表格参数配置 添加 url
2、然后添加绑定事件

// 为表格绑定事件
            Table.api.bindevent(table);
            //添加以下部分
            $(document).on("click",".btn-zdy",function(){
                Fast.api.open($.fn.bootstrapTable.defaults.extend.zdy_url,'编辑2',{})
            });

3、添加控制器中对应的自定义方法

zdy:function(){
            $('#mmmm').html(Config.demo.name);
        },

在方法里可以把数据渲染到自定义的html页面上


版权声明:本文为qq786851606原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
THE END
< <上一篇
下一篇>>