fastadmin添加自定義按鈕

問題：關於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保持一致

 

 彈出對話框，接口請求成功，說明自定義按鈕添加成功