12.17

114 阅读1分钟

success:function(res){ if (res.status === 200) { $('.table').bootstrapTable('destroy').bootstrapTable({ data: res.data, // url:"", 数据源

                            pagination: true,//启用分页
                            pageSize: 3,//分页大小
                            // pageLIist:[5,10,20],

                            showToggle:true,//列表视图/
                            showPaginationSwitch:true,//分页开关
                            showFullscreen:true,//全屏显示
                            // showRefresh:true,//刷新,仅支持URL数据源
                            search:true,//启用查询
                            showSearchButton:true,//显示查询按钮

                            showPrint:true,//显示打印按钮

                            showExport:true,//显示导出按钮

                            //列
                            columns: [{
                                field: '_id',
                                title: '编号'
                            }, {
                                field: 'title',
                                title: '标题'
                            }, {
                                field: 'content',
                                title: '内容'
                            },{
                                field: 'top',
                                title: '是否置顶',
                                formatter:function(value,data){
                                    //value 当前列的值
                                    //data  当前行的数据
                                    return value ? "是" : "否";
                                }
                                }, {
                                    title: '操作',
                                    formatter: function (value, data) {
                                    return `<a href="#" data-id="${data._id}"><span class="glyphicon glyphicon-edit text-primary"></span></a>
                                            <a href="#" data-id="${data._id}"><span class="glyphicon glyphicon-remove text-danger"></span></a>`;
                                }
                                
                            }],

                            //自定义按钮集合
                            buttons: function () {
                                return {
                                    btnAdd: {
                                        icon: 'glyphicon glyphicon-plus',
                                        event: function () {
                                            alert('添加')
                                        },
                                        attributes: {
                                            title: "add"
                                        }
                                    },
                                    btnDel: {
                                        icon: 'glyphicon glyphicon-remove',
                                        event: function () {
                                            alert('删除')
                                        },
                                        attributes: {
                                            title: "remove"
                                        }
                                    }
                                }
                            }

                        })
                    }
                }
            })