Fastadmin之 按钮触发弹窗

fastadmin中buttons: 吊起弹窗,怎么设置为ajax请求
FastAdmin中使用Ajax发送请求
table.bootstrapTable的配置参数怎么设置为ajax请求

参考地址
https://blog.csdn.net/C_jian/article/details/135949973
https://blog.csdn.net/iloveallcode/article/details/136518350
https://blog.csdn.net/qq_34700162/article/details/136747180

下面实例是 弹窗的按钮再调起一个弹窗

重点需要注意的是， url: ‘qwstatistics/statistics_ch?date={date}&corpid={corpid}’ , // 携带参数

这里的控制器方法名statistics_ch 必须同 js中 statistics_ch 这个定义表格的方法名

define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

var Controller = {
    index: function () {
        // 初始化表格参数配置
        Table.api.init({
            extend: {
                index_url: 'qwstatistics/index' + location.search,
                add_url: 'qwstatistics/add',
                // edit_url: 'qwstatistics/edit',
                // del_url: 'qwstatistics/del',
                statistics_url: 'qwstatistics/statistics',
                // multi_url: 'adconfig/multi',
                // import_url: 'adconfig/import',
                table: 'ad_config',
            }
        });

        var table = $("#table");

        // 初始化表格
        table.bootstrapTable({
            url: $.fn.bootstrapTable.defaults.extend.index_url,
            pk: 'id',
            sortName: 'id',
            fixedColumns: true,
            fixedRightNumber: 1,
            columns: [
                [
                    {checkbox: true},
                    {field: 'id', title: __('Id'), searchable:false},
                    {field: 'corp_name', title: __('Corp_name'), operate: 'LIKE'},
                    {
                        field: 'operate', title: __('Operate'), table: table,
                        events: Table.api.events.operate,
                        buttons: [{
                            name: 'statistics',
                            text: __('Statistics'),
                            icon: 'fa fa-list',
                            classname: 'btn btn-info btn-xs btn-detail btn-dialog',
                            url: 'qwstatistics/statistics'
                            // url: 'qwstatistics/statistics?id={row.id}',  // 携带参数
                        }],
                        formatter: Table.api.formatter.operate
                    }
                ]
            ]
        });

        // 为表格绑定事件
        Table.api.bindevent(table);
    },
    add: function () {
        Controller.api.bindevent();
    },
    edit: function () {
        Controller.api.bindevent();
    },
    statistics: function () {
        // 初始化表格参数配置
        Table.api.init({
            extend: {
                'dragsort_url': ''
            }
        });

        var table = $("#table");

        // 初始化表格
        table.bootstrapTable({
            url: location.pathname + location.search,
            sortable: false,
            search:false,
            pagination : false,
            searchFormVisible : true,
            columns: [
                [
                    {field: 'date', title: __('Date'), operate: 'RANGE', addclass: 'datetimerange', formatter: Table.api.formatter.normal},
                    {field: 'click', title: __('Click'),searchable:false},
                    {field: 'conversion', title: __('Conversion'),searchable:false},
                    {
                        field: 'operate', title: __('Operate'), table: table,
                        events: Table.api.events.operate,
                //         events: {
                //                 'click .btn-childtable': function (e, value, row, index) {
                //                     // 打开子表格，并通过query参数传递当前行的数据
                //                     // Fast.api.addtabs('qwstatistics/statistics_child?parent_id=' + parentId, __('Child Table'));
                //                 }},

                        buttons: [{
                                    name: 'statistics',
                                    title: '日期详情',
                                    text: __('详情'),
                                    icon: 'fa fa-list',
                                    classname: 'btn btn-info btn-xs btn-detail btn-dialog',
                                   
                                    // url: 'qwstatistics/statisticstest'  // 控制器方法名必须同js中 同方法名的 定义方法

                                    url: 'qwstatistics/statistics_ch?date={date}&corpid={corpid}' ,  // 携带参数
                                }],


                        //     // classname: 'btn btn-info btn-xs btn-detail btn-dialog',
                        //     // classname: 'btn btn-info btn-xs btn-detail btn-dialog btn-ajax',   // 类名，影响 接口请求方式   btn-dialog是指弹窗

                        //     // extend: 'data-area=\'["75%","75%"]\'',//弹窗大小
                        // }],


                        
                        //                   callback: function (data) {
                        //                       Layer.alert("接收到回传数据：" + JSON.stringify(data), {title: "回传数据"});
                        //                   },
                        //                   visible: function (row) {
                        //                       //返回true时按钮显示,返回false隐藏
                        //                       return true;
                        //                   }
                        //               }
                        // ],


//             // url: function (row, column) { //row 表格接收到的数据
//             //     return "user/group/test_dialog?id=" + row.id; //弹窗的对应后台控制器方法 这里是默认index方法 带上id参数
//             // },
//             extend: 'data-area=\'["60%","50%"]\'', //这是控制弹窗的弹出的尺寸 width-height
        


                        // buttons: [  {
                        //               name: 'ajax',
                        //               text: __('发送Ajax'),
                        //               title: __('发送Ajax'),
                        //               classname: 'btn btn-xs btn-success btn-magic btn-ajax',
                        //               icon: 'fa fa-magic',
                               
                        //               url: 'qwstatistics/statistics_child?date={date}&corpid={corpid}' ,  // 携带参数
                                     
                        //               success: function (data, ret) {
                        //                   Layer.alert(ret.msg + ",返回数据：" + JSON.stringify(data));
                        //         console.log('成功');
                        //                   //如果需要阻止成功提示，则必须使用return false;
                        //                   //return false;
                        //               },
                        //               error: function (data, ret) {
                        //                   console.log(data);
                        //                   console.log(ret);
                        //                   console.log('失败');
                        //                   // Layer.alert(ret.msg);
                        //                   return false;
                        //               }
                        //           }],



                        formatter: Table.api.formatter.operate
                    }
                ]
            ]
        });

        // 为表格绑定事件
        Table.api.bindevent(table);
    },

    statistics_ch: function () {
        // 初始化表格参数配置
        Table.api.init({
            extend: {
                'dragsort_url': ''
            }
        });

        var table = $("#table");

        // 初始化表格
        table.bootstrapTable({
            url: location.pathname + location.search,
            sortable: false,
            search:false,
            pagination : false,
            columns: [
                [
                    {field: 'date', title: __('Date'),  formatter: Table.api.formatter.normal},
                    {field: 'userid', title: __('Userid'),searchable:false},
                    // {field: 'click', title: __('Click'),searchable:false},
                    // {field: 'conversion', title: __('Conversion'),searchable:false},
                    {field: 'count', title: __('Conversion'),searchable:false},
                ]
            ]
        });

        // 为表格绑定事件
        Table.api.bindevent(table);
    },

    api: {
        bindevent: function () {
            Form.api.bindevent($("form[role=form]"));
        }
    }
};
return Controller;

});