官网：https://datatables.net/reference/option/
设置： visible: false
如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

    <script src="../../js/jquery-1.9.1.min.js"></script>
    <script src="../../js/layer/layer.js"></script> 
    <script src="../../js/public.js"></script>

    <script src="../../js/datatables/jquery.dataTables.min.js"></script>

</head>

<body>

<div align="center" style="width: 99%;">
    <table id="dataGrid" align="center"  border="1" style="width: 100%;">
        <thead>
        <tr>
            <th style="display: none">patrolRecordId</th>
            <th align="center" class="table_title">巡视班组</th>
            <th align="center" class="table_title">巡视人</th>
            <th align="center" class="table_title">巡视开始时间</th>
            <th align="center" class="table_title">巡视结束时间</th>
            <th align="center" class="table_title">图片</th>
        </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
</div>

<div align="right">
    <button style="width:80px;background-color: #9CE6F2" onclick="window.history.back()" >关闭</button>
</div>

</body>

<script type="application/javascript">

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    console.log("页面初始化");
    if(mam.navigator){
        initData();
    }else {
        $(function() {
            initData();
        });
    }
}

function initData() {
    var recordParams = {};
    var queryKey = "";
    var queryType = getQueryVariable("queryType");
    if(queryType == "byFeedbackId"){
        queryKey = "PATROL_RECORD";
        var feedbackId = getQueryVariable("feedbackId");
        recordParams.feedbackId = feedbackId;
    }else if(queryType == "byFormId"){
        queryKey = "PATROL_RECORD_LIST";
        var warningFormId = getQueryVariable("warningFormId");
        var operationKey = getQueryVariable("operationKey");
        recordParams.warningFormId = warningFormId;
        recordParams.operationKey = operationKey;
    }

    var data = [];
    exAjax("postJSON",queryKey,recordParams,"WARN_DATA",function(e){
        if(notEmptyStr(e.recordList) && e.recordList.length > 0){
            data = e.recordList;
            // console.dir(data);

            var table = $('#dataGrid').DataTable({
                "scrollY" : $(document).height()*0.65,
                "scrollCollapse" : true,//滚动
                "paging" : false,
                "searching" : false,//去除搜索栏
                "language" : {
                    "info" : "",
                    // "zeroRecords"    : "没有找到记录",
                    "zeroRecords"    : " ",
                    "infoEmpty" : "没有查询到相关数据！"
                },
                "ordering": false,
                "drawCallback" : function(){
                    // this.api().column("photo:name").nodes().each(function(cell, i) {
                    //     cell.innerHTML = "<a onclick='patrolDocList(patrolRecordId)'>图片</a>"
                    // });

                    var dataTable = this.api();

                    this.api().rows().nodes().each(function(cell, i) {
                        var patrolRecordId = dataTable.cell(i,0).data();
                        cell.cells[4].innerHTML = "<a onclick=\"patrolDocList('"+patrolRecordId+"')\">图片</a>";//图片栏
                    });

                },

                data: data,
                columns: [
                    {
                        data: 'patrol_record_id',
                        visible: false
                    },
                    {
                        data: 'org_name',
                        width: "20%"
                    },
                    {
                        data: 'patrol_user_name',
                        width: "16%"
                    },
                    {
                        data: 'patrol_start_time',
                        width: "28%"
                    },
                    {
                        data: 'patrol_end_time',
                        width: "28%"
                    },
                    {
                        data: {},
                        name: 'photo'
                    }//图片
                ]
            });
        }

    });
}

function patrolDocList(patrolRecordId) {
    console.dir(patrolRecordId);
}

</script>
</html>

datatables如何把列设置成hidden隐藏域？的更多相关文章

  1. hidden(隐藏域)

    <input type="hidden">? 这等于是隐藏值,客户端无需显示,但提交后后台能够接受,例如你放个表单验证值在里边,这样可以拒绝来源不明的表单提交.还有判断 ...

  2. 表单重置时 <input type=“hidden”> 隐藏域不可被重置

    可封装全局样式 .hide{ display:none; } 用 <input type="text" class="hide"/> 替代

  3. My97DatePicker设置，包括隐藏 清空，设置最大日期等 转载

    My97DatePicker是一款非常灵活好用的日期控件.使用非常简单. 1.下载My97DatePicker组件包 2.在页面中引入该组件js文件:     <script type=&quo ...

  4. word-wrap&&word-break，奇偶行、列设置样式

    1.word-wrap和word-break区分. 来源场景:机械租赁mvc驾驶员信息查看: 当备注的文字多的时候,第一列的值成这模样: 解决方案:设置table 的td可自动换行.首先table设置 ...

  5. 对同一元素设置overflow-x:hidden,overflow-y:visible;属性值不生效

    作者:孙志勇 微博 日期:2016年12月5日 一.时效性 所有信息都具有时效性.文章的价值,往往跟时间有很大关联.特别是技术类文章,请注意本文创建时间,如果本文过于久远,请读者酌情考量,莫要浪费时间 ...

  6. 在Excel中将数字设置成文本格式的技巧

    在Excel中将数字设置成文本格式的技巧 一个简单的方法,利用［数据］菜单的［分列］功能来将数字设置为文本格式.具体操作步骤为: 1．选中所有需要处理的数字单元格. 2．选择［数据］菜单［分列］功能. ...

  7. IDEA快捷键--与Eclipse快捷键的对比--IDEA快捷键设置成Eclipse默认快捷键

    部分内容转载于:http://blog.csdn.net/dc_726/article/details/9531281 IntelliJ Idea 常用快捷键列表 Ctrl+Alt+t 选择代码块 t ...

  8. javafx 表格某一列设置未复选框

    1.表格要设置成可编辑.2.对列进行如下设置.列定义: @FXMLprivate TableColumn<Hole, Boolean> id_colCheck; 列设置id_colChec ...

  9. CSS设置元素的隐藏和显示

    常见的三种方式 display display: none 隐藏对象 display: block 除了转换为块级元素以外,同时还有显示元素的意思 特点:隐藏之后不保留位置 visibility 值h ...

随机推荐

  1. mount -o remount,rw / (这是个求命的命令)

    当系统无法启动的时候.我们会前进入单用户模式(正常情况下单用户莫式是权限是正常的,只在在无法启动的情况下, 再进入单用户模式,权限才会是只读),这时候没有对文件的修改权限(所有的文件都是只读) 用这条 ...

  2. CWidgetMgr---cpp

    #include "WidgetMgr.h" #include "XWidget.h" #include "Config.h" #inclu ...

  3. Struts2初学 Struts2的action接收用户数据方式

    一.简介    开发Web应用程序,首先应会遇到对用户输入数据的接收,传统的Web应用程序是由开发人员调用HttpServletRequest的getparameter(String name)方法从 ...

  4. linux之backtrace

    backtrace用于打印函数调用堆栈 /******************************************************************************* ...

  5. 【转】在MAC下配置MySQL 5.7 数据库的编码问题

    1.MySQL 5.7 for MAC 默认没有my.cnf文件 ,首先 新建my.cnf文件: 2.在my.cnf文件追加 1 2 3 4 5 6 7 8 [mysqld] character-se ...

  6. FreeRTOS 系统时钟节拍和时间管理

    以下转载自安富莱电子: http://forum.armfly.com/forum.php FreeRTOS 的时钟节拍任何操作系统都需要提供一个时钟节拍,以供系统处理诸如延时. 超时等与时间相关的事 ...

  7. UIImageView只显示一半

    本来正常的话,UIImageView会在UIScrollView内占满的,但是第一个UIImageView只占了高度的一半左右.如下图,红色的是UIScrollView的背景色,还有那么多没有填充,但 ...

  8. mysql索引学习

    索引用于快速找出在某列中有一特定值的行. 如果不使用索引,MySQL必须从第一条记录开始读完整个表,直到找出相关的行. 表越大,查询数据所花费的时间越多. 如果表中查询的列有一个索引,MySQL能快速 ...

  9. 面向对象设计原则二：开闭原则（OCP）

    开闭原则(OCP)定义:对扩展开发,对修改关闭.好处:      适应性和灵活性.      稳定性和延续性.      可复用性与可维护性. 解释说明:开闭原则指的是两方面:对功能扩展开发,对修改进 ...

  10. 回文树(统计所有回文串的个数) - MCCME 1750 Подпалиндромы

    Подпалиндромы Problem's Link: http://informatics.mccme.ru//mod/statements/view.php?chapterid=1750# M ...