zoukankan      html  css  js  c++  java
  • 我的bootstrapTable的应用

    $(function () {
        //$('#table').attr("data-url", "/conference/" + location.href.split("audit/")[1] + "/audits");
        var count = 0;
        var fmtIdx = function (value, row, index) {
            return index;
        };
        
        $('.btn-excel').on('click', function() {
            window.location.href= '/conference/auditExcel/' + location.href.split("/")[5];
        });
        
        $.ajax({
            type: "GET",
            url: "/conference/" + location.href.split("audit/")[1] + "/audits",
            async:true,
            dataType: "json",
            success: function (data,columns) {
                var columns = [{
                        field: 'state',
                        checkbox: true,
                        formatter:stateFormatter
                    }, {
                        field: 'audit_name',
                        title: '用户名'
                    }, {
                        field: 'audit_mobile',
                        title: '手机'
                    }, {
                        field: 'audit_status',
                        title: '审核状态',
                        formatter: statusFormatter,
                        events: actionEvents
                    }, {
                        field: 'audit_msg_status',
                        title: '短信发送状态',
                        formatter: msgStausFormatter
                    }
                ];
                
                if(data.length!==0){
                    for(var p in data[0]){
                        if(['state','audit_name','audit_mobile','audit_status','audit_msg_status','audit_id','conf_id','user_id'].indexOf(p)==-1){
                            columns.push({ field:p,title:p});
                        }
                    }
                }
                
                (function(columns){
                
                    $('#table').bootstrapTable('destroy').bootstrapTable({
                        method: 'get',
                        url: "/conference/" + location.href.split("audit/")[1] + "/audits",
                        cache: false,
                        striped: true,
                        sidePagination: 'client', // client or server
                        pageNumber: 1,
                        pageSize: 10,
                        pageList: [10,20,30],
                        paginationHAlign: 'right', //right, left
                        paginationVAlign: 'bottom', //bottom, top, both
                        sortable:false,
                        search: true,
                        showColumns: true,
                        showPaginationSwitch: true,
                        showRefresh: true,
                        clickToSelect: true,
                        responseHandler: function (res) {
                            console.log(res);
                            var len = res.length; 
                            for(var i=0;i<len;i++){
                                res[i].index = i;
                            }
                            return res;
                        },
                        columns:columns
                    });
                })(columns);
            }
        }); 
        
        
        
    
        function topwvalid() {
            $('#res').attr('action', 'respw').submit();
        }
    });
    
    window.actionEvents = {
            'click .pass' : function (e, value, row, index) {
                audit(1,row,index);
            },
            'click .nopass' : function (e, value, row, index) {
                audit(2,row,index);
            }
    }
    
    //审核提交
    function audit(status, row ,index) {
        $.ajax({
            type: "PUT",
            url: "/conference/audit",
            data: {
                audit_id: row.audit_id,
                audit_status: status
            },
            dataType: "json",
            success: function (data) {
                console.log(data);
                row.audit_status = status;
                $('table').bootstrapTable('updateRow',{
                    index:index,
                    row:row
                    }
                );
            }
        });
    }
    
    //批量审核
    function sign(status){
        var list = $('#table').bootstrapTable('getSelections');
        var len  = list.length;
        
        count = 0;
        for(var i=0;i<len;i++){
            (function(i){
                
                $.ajax({
                    type: "PUT",
                    url: "/conference/audit",
                    data: {
                        audit_id: list[i].audit_id,
                        audit_status: status,
                    },
                    dataType: "json",
                    success: function (data) {
                        if(data.RS_CODE==0){
                            list[i].audit_status =status; 
                            count++;
                            if(i===len-1){
                                $('#table').bootstrapTable('updateRow',{index:list[i].index,row:list[i]});
                                $('#alllowNum').text((~~$('#alllowNum').text()+count));
                            }
                        }else{
                            console.log(data.RS_MSG);
                        }
                    }
                });
                
            })(i);
            
        }
    }
    
    //checkbox 格式化
    function stateFormatter(value, row) {
        if(row.audit_status==1||row.audit_status==2){
            return {
                disabled: true
            };
        }
        return value;
    }
    
    //状态格式化
    function statusFormatter(value, row) {
        if (value == 0) {
            return "<button type='button' class='btn btn-primary btn-xs pass'>通过</button>"+
                   "<button type='button' class='btn btn-primary btn-xs nopass' style='margin-left:20px;'>拒绝通过</button>";
        } else if(value == 1) {
            return "<span class='pass'>已通过</span>";
        }else {
            return "<span class='red'>已拒绝</span>";
        }
    }
    
    //短信状态格式化
    function msgStausFormatter(value) {
        if (value == 0) {
            return "未发送";
        } else if(value == 1) {
            return "已发送";
        }else {
            return "发送失败";
        }
    }
    /*<form action="" method="post" id="res">
                    <input type="hidden" name="confId" id="confId" value="${confdata.confId}">
                    <input type="hidden" name="respw" id="respw" value="${respw}"> </form>*/
  • 相关阅读:
    Java 虚拟机部分面试题
    Java 多线程部分面试题
    Java IO部分面试题
    Java 集合框架部分面试题
    Java 面向对象面试题
    Java 多线程同步的五种方法
    Python操作redis
    Python操作mysql
    Python操作mongodb
    数据处理的全过程---(获取数据-清洗数据-数据建模-数据可视化)
  • 原文地址:https://www.cnblogs.com/ffjiang/p/6073717.html
Copyright © 2011-2022 走看看