DataTable添加checkbox

最新推荐文章于 2024-04-27 01:15:16 发布

t1037424761

最新推荐文章于 2024-04-27 01:15:16 发布

阅读量8.2k

点赞数

分类专栏： datatable-js 文章标签： checkbox

本文链接：https://blog.csdn.net/t1037424761/article/details/62229520

版权

datatable-js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

	省市区	所属网点	门店名称	门店地址	姓名	手机号	身份证号	身份证正反面	营业执照	门店照片	店内存放空间照片	审核状态	审核时间

    `function initDatatable() {
    datatable = $('.datatable').DataTable({
        "dom": '<"toolbar">frtip',
        "searching": false,
        "processing": false,
        "serverSide": true,
        "select": false,
        "ordering": true,
        //"aLengthMenu":[ 6, 8, 10, 20,50 ],
        "iDisplayLength": 20,
        "language": {
            "url": "${base}/assets/plugins/datatables/cn.json"
        },
        "preDrawCallback": function () {
            sublime.showLoadingbar($(".main-content"));
        },
        "drawCallback": function () {
            sublime.closeLoadingbar($(".main-content"));
        },
        "ajax": {
            "url": "${base}/platform/agent/agent/info/data",
            "type": "post",
            "data": function (d) {
                d.startAuditTime = $("#startAuditTime").val();
                d.endAuditTime = $("#endAuditTime").val();
                d.branch_name = $("#branch_name").val();
                d.audit_state = $("#audit_state").val();
                d.province_id = $("#province_id").val();
                d.city_id = $("#city_id").val();
                d.county_id = $("#county_id").val();
                $(".checkall")[0].checked = false;
            }
        },
        "order": [[13, "desc"]],
        "columns": [
            {"sClass": "text-center",
             "render": function (data, type, full, meta) {
                return '<input type="checkbox" class="checkchild"/>';
            },"bSortable": false},
            {"data": function (e) {
                if (e.province&&e.city&&e.county) {
                    return e.pro+"/"+e.cit+"/"+e.cou;
                }
                return "";
            }, "bSortable": false},
            {"data": "branch_name", "bSortable": false},
            {"data": "agent_name", "bSortable": false},
            {"data": "address", "bSortable": false},
            {"data": "username", "bSortable": false},
            {"data": "phone", "bSortable": false},
            {"data": "idcard", "bSortable": false},
            {"data": function (e) {
                if (e.idcard_pos_photo&&e.idcard_neg_photo) {
                    return "<a href='javascript:void(0)' onclick='showPicture("+e.idcard_pos_photo+","+e.idcard_neg_photo+")'>详情</a>";
                }
                return "";
            }, "bSortable": false},
            {"data": function (e) {
                if (e.licence_photo) {
                    return "<a href='javascript:void(0)' onclick='showPicture("+e.licence_photo+")'>详情</a>";
                }
                return "";
            }, "bSortable": false},
            {"data": function (e) {
                if (e.shop_photo) {
                    return "<a href='javascript:void(0)' onclick='showPicture("+e.shop_photo+")'>详情</a>";
                }
                return "";
            }, "bSortable": false},
            {"data": function (e) {
                if (e.inner_photo) {
                    return "<a href='javascript:void(0)' onclick='showPicture("+e.inner_photo+")'>详情</a>";
                }
                return "";
            }, "bSortable": false},
            {"data": function (e) {
                if (e.audit_state=="aduit_waitting") {
                    return "<span style='color:green'>待审核</span>";
                }else if(e.audit_state=="aduit_pass"){
                    return "<span style='color:blue'>正常</span>";
                }else if(e.audit_state=="aduit_close"){
                    return "<span style='color:orange'>关闭</span>";
                }else if(e.audit_state=="aduit_fail"){
                    return "<span style='color:red'>审核失败</span>";
                }else{
                    return "";
                }
            }, "bSortable": false},
            {"data": "audit_time", "bSortable": true}
        ]
    });
    datatable.on('click', 'tr', function () {
        $(this).toggleClass('selected');
        var i = datatable.row(this).index();
        var all = $(".checkchild");
        for(var j = 0 ; j < all.length; j++){
            if ( j == i ){
                var thisClass = $(this)[0].className;
                if(thisClass.indexOf('selected')>=0){
                    all[j].checked = true;
                }else{
                    all[j].checked = false;
                    $(".checkall")[0].checked = false;
                }
            }
        }
    });
}

$(".checkall").click(function () {
        var check = $(this).prop("checked");
        $(".checkchild").prop("checked", check);
        var trs = document.getElementById("tableID").getElementsByTagName("tr");
        if(check){
            for(var i=0;i<trs.length;i++){
                trs[i].setAttribute("class", "selected"); 
            }
        }else{
            for(var i=0;i<trs.length;i++){
                trs[i].setAttribute("class", ""); 
            }
        }

    });