从jQueryDatatable隐藏列中获取值

pprl5pva 于 2023-01-16 发布在 jQuery

关注(0)|答案(4)|浏览(108)

我有一个jQuery数据表填充了来自db '表的信息，我隐藏了两列，现在我需要从两个隐藏列中获取值，但我不能，这是我的数据表的代码，并设置了属性visible：最后两列为false

$('#myTable').DataTable({
        searching: false,
        paging: true,
        responsive: true,
        ordering: false,
        bInfo: false,
        bLengthChange: false,
        processing: true,
        info: false,
        deferRender: true,
        orderMulti: false,
        "ajax": {
            "url": "../home/CargarTabla?id=" + noDocumento,
            "type": "GET",
            "datatype": "json"
        },
        "columns": [
                { "data": "nombres", "autoWidth": true, "orderable": false },
                { "data": "apellidos", "autoWidth": true, "orderable": false },
                { "data": "dui", "autoWidth": true, "orderable": false },
                { "data": "numero_isss", "autoWidth": true, "orderable": false },
                { "data": "cargo_participante", "autoWidth": true, "orderable": false },
                { "data": "genero", "autoWidth": true, "orderable": false, "visible": false },
                { "data": "nivel_puesto", "autoWidth": true, "orderable": false, "visible": false },
                { "defaultContent": " <a href='#' id='select'>Modificar</a>  ", "autoWidth": true, "orderable": false }
        ],
        "oLanguage": {
            "sEmptyTable": "No hay registros disponibles",
            "sInfo": " _TOTAL_ registros. Mostrando de (_START_ a _END_)",
            "sLoadingRecords": "Por favor espera - Cargando...",
            "sSearch": "Filtro:",
            "sLengthMenu": "Mostrar _MENU_",
            "oPaginate": {
                "sLast": "Última página",
                "sFirst": "Primera",
                "sNext": "Siguiente",
                "sPrevious": "Anterior"
            },
            "oAria": {
                "sSortAscending": ": Activar para ordenar la columna de manera ascendente",
                "sSortDescending": ": Activar para ordenar la columna de manera descendente"
            }
        }
    });

这就是我从用户可见的列中获取值的方法，它工作得很好：

$("#myTable").on('click', '#select', function (e) {
            e.preventDefault();  
            var currentRow = $(this).closest("tr");
            var Nombres = currentRow.find("td:eq(0)").text();
            var Apellidos = currentRow.find("td:eq(1)").text();
            var DUI = currentRow.find("td:eq(2)").text();
            var ISSS = currentRow.find("td:eq(3)").text();
            var Cargo = currentRow.find("td:eq(4)").text();

            alert(Nombres + Apellidos + DUI +ISSS+ Cargo);
        });

但是如何从隐藏列中获取值呢？我已经在$("#myTable").on('click', '#select', function (e)中尝试过了，但没有成功

alert(table.row(this).data()[5]);
 alert(table.row(this).data()[6]);

另一种方法没有成功

var row = $(this).parents("td")[0];
var pos = oTable.fnGetPosition(row);
var Genero = oTable.fnGetData(pos[5])["idGenero"];

最后

var arr = $('#myTable').dataTable().fnGetData($(currentRow));
            var Genero = arr[5]; 
            var Nivel = arr[6];

你能帮我从隐藏的列中得到值吗？2顺便说一句，这是HTML代码

<div class="table-responsive">
    <table class="table table-striped table-condensed" id="myTable" style="width:100%; margin:0 auto;">
        <thead>
            <tr>
                <th>Nombres</th>
                <th>Apellidos</th>
                <th>DUI</th>
                <th>ISSS</th>
                <th>Cargo</th>
                <th>Sexo</th>
                <th>Nivel</th>
                <th></th>
            </tr>
        </thead>

        <tbody></tbody>
    </table>
</div>

jquery

来源：https://stackoverflow.com/questions/43505999/get-the-values-from-jquery-datatable-hidden-columns

4条答案

按热度按时间

plupiseo1#

使用下面的代码：

$("#myTable").on('click', '#select', function (e) {
    e.preventDefault();  

    var currentRow = $(this).closest("tr");

    var data = $('#myTable').DataTable().row(currentRow).data();
    console.log(data['genero']);
    console.log(data['nivel_puesto']);

    // ... skipped ...
});

赞(0）回复(0）举报 2023-01-16

nbnkbykc2#

如何获取表中所有的td值：

var tdItems=[];
$("#myTable tr td").each(function(){
   tdItems.push($(this).text());       
});

它们将存储在数组tdItems中。

赞(0）回复(0）举报 2023-01-16

n6lpvg4x3#

使用jQuery Datatable API函数获取包括隐藏列在内的完整行数据-

fn获取位置
fn获取数据

首先获取datatable的示例，然后执行函数以获取完整的行数据。例如，您希望在单击特定行时获取完整的行数据，下面的代码可以帮助fnDrawCallback回调函数中的表-

"fnDrawCallback": function (oSettings) {
    var oTable = $('#example').dataTable();
    $('#example tbody tr').on('click', 'tr', function () {            
        var position = oTable.fnGetPosition(this);
        var full_row = oTable.fnGetData(position);
        console.log(full_row);  // will print full row data including hide columns
    });              
 }

谢谢

赞(0）回复(0）举报 2023-01-16

a7qyws3x4#

我知道你的问题很老了，但如果有人还有问题，试试这个：

let table = $('#myTable').DataTable();
let row = table.row(0);
let genero = row.data()['genero'];
let nivel_puesto = row.data()['nivel_puesto'];

赞(0）回复(0）举报 2023-01-16

我来回答

从jQueryDatatable隐藏列中获取值

4条答案

相关问题

热门标签

最新问答