Question

我正在通过jQuery创建一个表，在这个表中我连接了1列中的3列：

所以我如何连接1列中的多个列在连接之前：

if (re.length > 0) {
    $("#services_schdulue").append
     $('#services_schdulue thead').append("<tr><th>Service ID</th><th>Service Type</th><th>frequency</th><th>Freq_Duration</th><th>Freq_Mileage</th></tr>");

    for (var i = 0; i < re.length; i++) {
        if (re[i] !== null) {
            $('#services_schdulue tbody').append('<tr><td>' + re[i][0] +
                '</td><td>' + re[i][1] +
                '</td><td>' + re[i][2] + 
                '</td><td>' + re[i][3] 
                '</td><td>' + re[i][4] +
                '</td></tr>');                                                               
        }
    }
}

连接后：

if (re.length > 0) {
    $("#services_schdulue").append
    $('#services_schdulue thead').append("<tr><th>Service ID</th><th>Service Type</th><th>S freq</th></tr>");

    for (var i = 0; i < re.length; i++) {
        if (re[i] !== null) {
            $('#services_schdulue tbody').append('<tr><td>' + re[i][0] +
                '</td><td>' + re[i][1] +
                '</td><td>' + re[i][2] + '' + re[i][3] + '' + re[i][4] +
                '</td></tr>');       
        }
    }
}

var myTable = $('#services_schdulue').DataTable({
    "columnDefs": [{ 
        "visible": false, 
        "targets": [3,4,5] 
    }]               
});

Answer 1

尝试以下解决方案，我认为这会对您有所帮助。

$('#services_schdulue').on('click', 'tr', function () {
        var row = $(this)[0];
        console.log(re[row._DT_RowIndex]);
});

在控制台中，您可以找到该行的整个数据，即您单击的行。

根据您的jsfiddle，以下解决方案对您有所帮助。 不要在re 之外声明变量document.ready

    $('#tabledata').on('click', 'tr', function () {

        $("#myModal").modal("show");
            var row = $(this);
            var row_index = row[0]._DT_RowIndex;
            var data = re[row_index];

            $("#txt_status").val(data.Status);
            debugger;
            //var repeat = myTable.row.find('td')[2].firstChild.data;
            $("#txt_speed").val(data.Speed);
        });

从表到文本框中获取数据

1 个答案: