DataTables columnDefs和columns取值问题

最新推荐文章于 2023-08-28 16:57:15 发布

伍Wu哈Ha

最新推荐文章于 2023-08-28 16:57:15 发布

阅读量1.3w

点赞数

文章标签： DataTables

本文链接：https://blog.csdn.net/Peng_Hong_fu/article/details/77530383

版权

....
"columnDefs": [
                {
                    "targets": -1,//编辑
                    "data": null,
                    "orderable": false,
                    "render": function (data, type, row, meta) {
                        return "<a href='javascript:void(0)' class='sbtn btn03' dataId='" + data.labelItemId + "' id='labelItem_list_edit'>修改</a>&nbsp;&nbsp;" +
                            "<a href='javascript:void(0)' class='sbtn btn03' dataId='" + data.labelItemId + "' id='labelItem_list_del'>删除</a>";
                    }

                },
                {
                    "targets": 0,// 编辑
                    "data": null,
                    "orderable": false,
                    "bSortable": false,
                    "render": function (data, type, row, meta) {
                        return '<input type="checkbox" dataId=' + data + ' class="idCheckbox"  id="table_list_checkbox" />';
                    }
                }

            ],
            //列表表头字段
            columns: [
                {"data": "labelItemId"},//第一列隐藏
                {"data": "itemName", "sDefaultContent": ""},
                {"data": "itemCode", "sDefaultContent": ""},
                {
                    "data": "isValid",
                    "sDefaultContent": "",
                    "render": function (data,type,row,meta) {
                        if (data == "Y") {
                            return "有效";
                        } else if (data == "N") {
                            return "无效";
                        }

                    }
                },
                {"data": "sort", "sDefaultContent": ""},
                {"data": "remark", "sDefaultContent": ""},
                {"data": null}

            ]
        });

`columnDefs`

在columnDefs中使用render，data,row取值都是一样的，即

                 {
                    "targets": 0,// 编辑
                    "data": null,
                    "orderable": false,
                    "bSortable": false,
                    "render": function (data, type, row, meta) {
                        return '<input type="checkbox" dataId=' + data + ' class="idCheckbox"  id="table_list_checkbox" />';
                    }
                }

alert(JSON.stringify(data)); == alert(JSON.stringify(row));

`columns`

在columns中使用render，data,row取值不是一样的，即

 {
                    "data": "isValid",
                    "sDefaultContent": "",
                    "render": function (data,type,row,meta) {
                        if (data == "Y") {
                            return "有效";
                        } else if (data == "N") {
                            return "无效";
                        }

                    }
                }

alert(JSON.stringify(data));为isValid值的数据
alert(JSON.stringify(row));为这一列的数据
即
data == row.isValid