zoukankan      html  css  js  c++  java
  • datatables实现批量操作

       话不多说,直接上代码

     <table id="datalist" class="table table-border table-bordered table-hover table-bg table-sort text-c " >
                        <thead>
                        <tr class="text-c">
                            <th width="25"><input type="checkbox" name="checkSth" id="checkAll" value=""></th>
                            <th width="25">序号</th>
                            <th >学校编号</th>
                            <th >班级编号</th>
                            <th >班主任</th>
                            <th >手机</th>
                            <th >联系电话</th>
                        </tr>
                        </thead>
                    </table>
    
    
    数据添充:
     function bindData() {
            oTable = $("#datalist").dataTable({
                "sAjaxSource": "${ctx}/community/list?ptype=Ab03",
                "columns": [
                    {"data":null,"sClass": "text-c", "sWidth": "50","mRender":function (data,type,full) {
                       return "<input type=checkBox name='checkSth' value="+data.CKE035+">";
                    }},
                    { "data": null, "sClass": "text-c", "sWidth": "50", "mRender": function (data, type, full, cr) { return cr.settings._iDisplayStart + cr.row + 1; } },
                    { "data": "CAB001"},   //学校编号
                    { "data": "CKE035"},   //班级编号
                    { "data": "CKE036"},   //班主任
                    { "data": "CKE034"},   //手机
                    { "data": "AAE005"},   //联系电话
                ]
            });
        }

    获取选择内容

    var obj = document.getElementsByName("checkSth");
             var checkVal= [];
            for(k in obj){
                if(obj[k].checked)
                    checkVal.push(obj[k].value);
            }
           $('#checkCKE035').val(checkVal);
        }

    checkCKE035是表单的一个元素,提交后可以在后台获取,从而实现在批量处理

  • 相关阅读:
    ubuntu下配置Apache
    ubuntu 下配置Web服务器
    ubuntu 笔记一
    域名解析
    C# Enum,Int,String的互相转换
    C# 得到本机局域网IP地址
    C# 连接 SQLServer 及操作
    C# OpenFileDialog 使用
    如何解决 IntelliJ Idea 编译 Java 项目时,找不到包或找不到符号的问题?
    阿里巴巴 MySQL 数据库之 SQL 语句规约 (三)
  • 原文地址:https://www.cnblogs.com/adkii/p/7323586.html
Copyright © 2011-2022 走看看