博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
DataTable带checkbox
阅读量:5338 次
发布时间:2019-06-15

本文共 4374 字,大约阅读时间需要 14 分钟。

var sjyjTable;var selectedsjyjArr = [];//审计依据var sjyjDataTable = function() {    sjyjTable = $('#sjyjTable').DataTable({        destroy: true,        serverSide : true,        responsive : true,        processing : true,        autoWidth : true,// 自动计算列宽        deferRender : true,// 设置延迟渲染,提高效率用        draw : false,        searching: false,         bLengthChange: false,        order : [ 1, 'asc' ],        ajax : {            url : "basic/getSjyj",            type : "POST",            data : function(d) {                var sentJson = GET_SENT_JSON(d);                return sentJson;            },            error : function(e) {                ALERT_ERROR(sjyjTable, e);            },        },        lengthMenu : PAGELENGTH,        "language" : LANGUAGESETTING,        columnDefs : [            { "targets": 0 ,"name":"fgdm","title": "", "width": "5%", orderable:false,},            { "targets": 1 ,"name":"fgdm","title": "法规代码","visible": true,"width": "15%" , orderable :false ,},            { "targets": 2 ,"name":"wjh","title": "文件号" ,"visible": true,"width": "15%" , orderable :false ,},            { "targets": 3 ,"name":"fgmc","title": "法规名称" ,"visible": true,"width": "65%" , orderable :false ,},        ],        columns: [            {                "sClass": "text-center",                "data": "fgmc",                "render": function (data, type, row, meta) {                    return '';                },            },            { data: 'fgdm'},            { data: 'wjh' },            { data: 'fgmc' },        ],                "rowCallback": function( row, data, index ) {            for(var i = 0 ; i < selectedsjyjArr.length ; i++) {                var fgmc = data.fgmc;                var wjh = data.wjh;                if(fgmc == selectedsjyjArr[i].fgmc && wjh == selectedsjyjArr[i].wjh) {                    row.children[0].innerHTML =                        '';                };            }        }    });        /*$('#sjyjTable tbody tr').die().live('click',function(){    var nData = $('#sjyjTable').DataTable().row(this).data()    if ($(this).find(":checkbox").prop("checked")){          $(this).find(":checkbox").removeAttr("checked");          var wjh = nData.wjh;        var fgmc = nData.fgmc;        for(var m = 0 ; m < selectedsjyjArr.length ; m++) {            if(fgmc == selectedsjyjArr[m].fgmc && wjh == selectedsjyjArr[m].wjh) {                selectedsjyjArr.splice(m, 1);             }        }    }else {          $(this).find(":checkbox").prop("checked", true);         selectedsjyjArr.push(nData);    }   });双击$("#sjyjTable tbody tr").live('dblclick',function(e){        var nData = $('#sjyjTable').DataTable().row(this).data()    })*/            //鼠标移动添加背景颜色    mouseEvent("sjyjTable");    /**     * checkBox选择方法     */    sjyjTable.on( 'click', '.checkchild_sjyj',  function (e) {        var checked = $(this).is(":checked");        nRow = $(this).parents('tr')[0];        var nData = sjyjTable.row( nRow ).data()        if (checked) {            selectedsjyjArr.push(nData);        } else {            var fgmc = nData.fgmc;            var wjh = nData.wjh;            for(var m = 0 ; m < selectedsjyjArr.length ; m++) {                if(fgmc == selectedsjyjArr[m].fgmc && wjh == selectedsjyjArr[m].wjh) {                    selectedsjyjArr.splice(m, 1);                 }            }        }            });}//按钮点击处理var handleBtnClicksjyjCom = function(){    //审计依据事件    $("#btn_sjyj").on('click', function() {        //修改时回显已选中的审计依据        var aArr = $("#sjyj_div a");        if(aArr.length == 0){            selectedsjyjArr = [];        }        for(var i = 0; i
"+"["+selectedsjyjArr[i+j].wjh+"]"+selectedsjyjArr[i+j].fgmc+"
"; } var lLine = document.createElement('td'); lLine.innerHTML = content; lRow.appendChild(lLine); } } $("#sjyj_div").append(Table); $("#sjyjSearch").modal('hide'); return false; }); }

转载于:https://www.cnblogs.com/sunBinary/p/11535496.html

你可能感兴趣的文章
Spring Cloud Stream消费失败后的处理策略(三):使用DLQ队列(RabbitMQ)
查看>>
bzoj1048 [HAOI2007]分割矩阵
查看>>
Java中的编码
查看>>
PKUWC2018 5/6
查看>>
As-If-Serial 理解
查看>>
洛谷P1005 矩阵取数游戏
查看>>
在Silverlight中使用HierarchicalDataTemplate为TreeView实现递归树状结构
查看>>
无线通信基础(一):无线网络演进
查看>>
如何在工作中快速成长?阿里资深架构师给工程师的10个简单技巧
查看>>
WebSocket 时时双向数据,前后端(聊天室)
查看>>
关于python中带下划线的变量和函数 的意义
查看>>
linux清空日志文件内容 (转)
查看>>
安卓第十三天笔记-服务(Service)
查看>>
Servlet接收JSP参数乱码问题解决办法
查看>>
【bzoj5016】[Snoi2017]一个简单的询问 莫队算法
查看>>
Ajax : load()
查看>>
MySQL-EXPLAIN执行计划Extra解释
查看>>
Zookeeper概述
查看>>
Zookeeper一致性级别
查看>>
单例模式的几种实现方式及对比
查看>>