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 版权协议,转载请附上原文出处链接和本声明。