Fastadmin Table

Table主动刷新

table.bootstrapTable('refresh');

Table 表格快捷搜索和Form搜索关闭

table.bootstrapTable({
            url: $.fn.bootstrapTable.defaults.extend.index_url,
            pk: 'id',
            sortName: 'id',
            fixedColumns: true,
            search: false,
            commonSearch: false,
            searchFormVisible: false,
            fixedRightNumber: 1,
        });

Table 自定义按钮

  {
                        field: 'operate',
                        title: __('Operate'),
                        table: table,
                        events: Table.api.events.operate,
                        formatter: Table.api.formatter.operate,
                        buttons: [
                            {
                                name: 'c_get',
                                title: __('关闭获取'),
                                text: '关闭获取',
                                classname: 'btn btn-xs btn-primary btn-magic btn-ajax',
                                icon: 'fa fa-remove',
                                visible: function (data) {
                                    if (data.get_status == 1) {
                                        return true;
                                    }
                                },
                                url: function (data) {
                                    return 'sitechild/setStatus?get_status=0&ids=' + data.id;
                                },
                                success: function () {
                                    table.bootstrapTable('refresh');
                                }
                            },
                            {
                                name: 's_get',
                                title: __('开启获取'),
                                text: '开启获取',
                                classname: 'btn btn-xs btn-success btn-magic btn-ajax',
                                icon: 'fa fa-step-forward',
                                visible: function (data) {
                                    if (data.get_status == 0) {
                                        return true;
                                    }
                                },
                                url: function (data) {
                                    return 'sitechild/setStatus?get_status=1&ids=' + data.id;
                                },
                                success: function () {
                                    table.bootstrapTable('refresh');
                                }
                            },
                            {
                                name: 'c_pub',
                                title: __('关闭发布'),
                                text: '关闭发布',
                                classname: 'btn btn-xs btn-primary btn-magic btn-ajax',
                                icon: 'fa fa-remove',
                                visible: function (data) {
                                    if (data.pub_status == 1) {
                                        return true;
                                    }
                                },
                                url: function (data) {
                                    return 'sitechild/setStatus?pub_status=0&ids=' + data.id;
                                },
                                success: function () {
                                    table.bootstrapTable('refresh');
                                }
                            },
                            {
                                name: 's_pub',
                                title: __('开启发布'),
                                text: '开启发布',
                                classname: 'btn btn-xs btn-success btn-magic btn-ajax',
                                icon: 'fa fa-step-forward',
                                visible: function (data) {
                                    if (data.pub_status == 0) {
                                        return true;
                                    }
                                },
                                url: function (data) {
                                    return 'sitechild/setStatus?pub_status=1&ids=' + data.id;
                                },
                                success: function () {
                                    table.bootstrapTable('refresh');
                                }
                            },
                            {
                                name: 'agree',
                                title: __('查看设置'),
                                text: '查看设置',
                                classname: 'btn btn-xs btn-danger btn-magic btn-dialog',
                                icon: 'fa fa-paper-plane-o',
                                extend: 'data-area=["95%","85%"]',
                                url: 'sitechild/edit',
                            },
                            {
                                name: 'agree',
                                title: __('查看问题'),
                                text: '查看问题',
                                classname: 'btn btn-xs btn-danger btn-magic btn-dialog',
                                icon: 'fa fa-folder-open-o',
                                extend: 'data-area=["95%","85%"]',
                                url: function (data) {
                                    return 'questions/index?site.name=' + data.site.name + '&sitechild.name=' + data.name;
                                },
                            },
                        ],
                    }

operate 自定义按钮打开弹窗

        $('.btn-import-det').click(function (){
            Fast.api.open('site/import', "导入问题");
        });

operate 弹出窗口的大小

        table.on('post-body.bs.table',function(){
            $(".btn-editone").data("area",["80%","70%"]);
        });
        
        // 修改添加窗口的大小
        $(".btn-add").data("area", ["80%", "70%"]);

        // 修改编辑窗口的大小
        $(".btn-edit").data("area", ["80%", "70%"]);

AJAX 联动搜索

`提示:这里请求的 接口返回数据字段必须为 id 必须 as 为 value

** 后端返回数据信息
{
    "code": 1,
    "msg": "success",
    "data": [
        {
            "value": 1,
            "name": "本地站点",
            "status_text": ""
        }
    ],
    "url": "",
    "wait": 3
}`
*** HTML代码
    <div class="form-group">
        <label for="c-avatar" class="control-label col-xs-12 col-sm-2">选择站点:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="form-inline" data-toggle="cxselect" data-selects="first,second">
                <select data-rule="required" class="first form-control " name="row[site_id]" data-url="site/list"></select>
                <select data-rule="required" class="second form-control" name="row[sitechild_id]" data-url="sitechild/list" data-query-name="site_id"></select>
            </div>
        </div>
    </div>

Fast.api.ajax

                    layer.confirm('是否确认发布选中的内容?', {
                        btn: ['确定', '取消'], // 按钮
                        title: '确认操作', // 弹窗标题
                        icon: 3, // 弹窗图标
                        shade: 0.4 // 遮罩透明度
                    }, function (index) {
                        layer.close(index); // 关闭确认弹窗
                        Fast.api.ajax({
                            type: "POST",
                            url: "questions/release",
                            data: {"ids": ids},
                            dataType: "json",
                        });
                    }, function (index) {
                        // 用户点击“取消”按钮
                        layer.close(index); // 关闭确认弹窗
                    });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值