问题:关于fastadmin框架列表页面自定义按钮功能
案例:自定义一个同步数据的按钮
<a href="javascript:;" class="btn btn-primary btn-sync" title="{:__('Refresh')}" style="background: orange;border: 1px solid orange;"><i class="fa fa-refresh"> 同步数据</i> </a>
需要在模板文件的index.html 加上一个按钮,加上btn-sync类名,作为标识
对应的js文件内部加上需要的按钮链接,为了请求到后台的接口地址
在add下面加入按钮监听事件
在require-table.js文件中加入按钮的地址
在require-table.js文件中加入和index.html文件对应的类名标识
// //添加按钮同步事件 $(toolbar).on('click', Table.config.syncbtn, function () { Layer.confirm( '确定要同步数据吗?', {icon: 3, title: __('Warning'), offset: 0, shadeClose: true}, function (index) { Fast.api.ajax({ url: options.extend.sync_url, data: {file: 1}, }, function (data, ret) { table.bootstrapTable('refresh'); }); Layer.close(index); } ); });
在require-table.js文件中加入具体的事件代码,位置可以放在添加按钮事件下面
注意:按照上面添加自定义按钮会在调试模式下不生效
如果还是没有弹出事件 就改下 require-backend.min.js , 修改的方法和require-table.js保持一致
弹出对话框,接口请求成功,说明自定义按钮添加成功