fastadmin 添加或编辑页面增加按钮操作,从table页面弹出列表,添加页面弹出form表单

{eq name="isSave" value="1"} {else/} {/eq}

模板文件给按钮增加一个id和data_id 属性,方便js获取数据

edit: function () {
            $("#reports").on("click",function(e){
                e.preventDefault();
                var form=$("form[role=form]");
                var ids = $(this).attr('data-id');
                Fast.api.ajax({
                    url: '/pic/add/ids/'+ids,
                    data: form.serialize()
                }, function (data) {
                    Fast.api.close();
                    parent.Toastr.success('操作成功');
                    parent.$(".btn-refresh").trigger("click");
                });
            });
            Controller.api.bindevent();
 },

对应的js里面方法是这样的

以下是编辑或添加页面弹出form表单并接受数据

模板文件同上面的一样,js需要修改下

 $(document).on('click', '#noPass', function (e) {
                var ids = $(this).attr('data-id');
                Fast.api.open("audit_review/noPass/ids/"+ids, "驳回信息", {
                    callback:function(value){
                        Fast.api.close();
                        parent.Toastr.success('操作成功');
                        parent.$(".btn-refresh").trigger("click");
                    }
                });
                return false;
    });

callback里面就是返回的数据


image.png

对应的nopass方法需要如图所示处理下。nopass模板同下

table弹出列表页

{field: 'operate', title: __('Operate'), table: table,events: Table.api.events.operate,  buttons: [
                                {
                                    name: 'detail',
                                    text: __('审核详情'),
                                    title: __('审核列表'),
                                    classname: 'btn btn-xs btn-primary btn-dialog',
                                    icon: '',
                                    url: 'examine/detail',
                                }],formatter: function (value, row, index) {
                                    var that = $.extend({}, this);
                                    var table = $(that.table).clone(true);
                                    if (row.status != 0)
                                        $(table).data("operate-del", null);
                                    that.table = table;
                                    return Table.api.formatter.operate.call(that, value, row, index);
                                }}

js里面按钮

edit: function () {
            $("#reports").on("click",function(e){
                e.preventDefault();
                var form=$("form[role=form]");
                Fast.api.ajax({
                    url: '/examine/submit',
                    data: form.serialize()
                }, function (data) {
                    Fast.api.close();
                    parent.Toastr.success('操作成功');
                    parent.$(".btn-refresh").trigger("click");
                });
            });
            Controller.api.bindevent();
        },
        report: function () {
            Controller.api.bindevent();
        },
        detail: function (id) {
            Table.api.init({
                extend: {
                    'dragsort_url': ''
                }
            });
            var table = $("#table");
            // 初始化表格
            table.bootstrapTable({
                url: 'examine/detail/id/'+table.attr('data-id') + location.search,
                pk: 'id',
                sortName: 'id',
                showToggle: false,
                search:false,
                commonSearch: false,
                showColumns: false,
                showExport: false,
                columns: [
                    [
                        {field: 'username', title: __('审核人')},
                        {field: 'status', title: __('是否通过')},
                        {field: 'content', title: __('备注')},
                        {field: 'type', title: __('审核类型')},
                        {field: 'times', title: __('审核时间'), operate:'RANGE', addclass:'datetimerange', autocomplete:false, formatter: Table.api.formatter.datetime},
                    ]
                ]
            });

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

默认js里面detail方法,列表

{:build_heading()}

detail模板代码

你可能感兴趣的:(fastadmin 添加或编辑页面增加按钮操作,从table页面弹出列表,添加页面弹出form表单)