Цикл For для child rows datatables

Ejemplo De Imagen У меня есть этот взятый пример Datatables которого я требую, хотя этот пример, нажав некую кнопку, показывает немного больше информации о том, что есть в этой линии.
Но в моем случае я требую, чтобы с id этой линии он осуществил поставку из-за ajax и в .done сделал цикл for, что показал мне все квалификации, которые есть у студента.
КОД DATABLES

// Add event listener for opening and closing details
    $('#example tbody').on('click', 'td.details-control', function () {
        var tr = $(this).closest('tr');
        var row = table.row( tr );

        if ( row.child.isShown() ) {
            // This row is already open - close it
            row.child.hide();
            tr.removeClass('shown');
        }
        else {
            // Open this row
            row.child( format(row.data()) ).show();
            tr.addClass('shown');
        }
    } );


 function format ( d ) {
    // `d` is the original data object for the row
    return '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">'+
        '<tr>'+
            '<td>Full name:</td>'+
            '<td>'+d.name+'</td>'+
        '</tr>'+
        '<tr>'+
            '<td>Extension number:</td>'+
            '<td>'+d.extn+'</td>'+
        '</tr>'+
        '<tr>'+
            '<td>Extra info:</td>'+
            '<td>And any further details here (images etc)...</td>'+
        '</tr>'+
    '</table>';
}


Функция format(d) получи информацию и и возвращает эту информацию в созданном виде маленькая таблица, которая кратко была бы child.rows()
Если в этой функции я беру эту информацию и осуществляю ajax функция никогда не будет показывать мне операции, который, я реализую в .done, который является обязательно циклом for, но он будет показывать мне все то, что return вне ajax.
Я надеюсь заставить меня понимать, и что, если есть возможность делать один ajax и реализовывать один for из-за полученных данных, которые являются calificaciónes из-за серьезной студентки большой помощи.

1
задан 31.05.2017, 20:58
0 ответов

Попробуй помещать Async = false в вызове в ajax.

$(document).ready(function() {
  var table = $('#example').DataTable({
    "data": data,
    "columns": [{
      "className": 'details-control',
      "orderable": false,
      "data": null,
      "defaultContent": ''
    }, {
      "data": "matricula"
    }, {
      "data": "nombre"
    }, {
      "data": "aula"
    }, {
      "data": "grado"
    }],
    "order": [
      [1, 'asc']
    ]
  });

  // Add event listener for opening and closing details
  $('#example tbody').on('click', 'td.details-control', function() {
    var tr = $(this).closest('tr');
    var row = table.row(tr);

    if (row.child.isShown()) {
      // This row is already open - close it
      row.child.hide();
      tr.removeClass('shown');
    } else {
      // Open this row
      row.child(format(row.data())).show();
      tr.addClass('shown');
    }
  });

});

/* Formatting function for row details - modify as you need */
function format(d) {
  // `d` is the original data object for the row
  return '<table cellpadding="5" cellspacing="0" border="0" style="padding-left:50px;">' +
    '<tr>' +
    '<td>Calificación:</td>' +
    '<td>' + ObtenerCalificacion(d.matricula) + '</td>' +
    '</tr>' +
    '</table>';
}


//Aqui tendrias que poner tu ajax y calculos
function ObtenerCalificacion(matricula) {
  var calif=matricula;
  /*
  $.ajax({
    type: "GET",
    async: false, //Esta linea tendrias que poner
    data: {
     matricula: matricula
    },
    url: "UrlDedondeseobtiene.loquesa",
    success: function(data) {
      console.log("data", data);
      calif=data.calif;
    },
    error: function(objXMLHttpRequest) {
      console.log("error", objXMLHttpRequest);
    }
  });
  */
  return calif;
}

//Datos de ejemplo
var data = [{
  "matricula": "1",
  "nombre": "Alumno 1",
  "aula": "A",
  "grado": "1",
}, {
  "matricula": "2",
  "nombre": "Alumno 2",
  "aula": "A",
  "grado": "1",
}, {
  "matricula": "3",
  "nombre": "Alumno 3",
  "aula": "A",
  "grado": "1",
}, {
  "matricula": "4",
  "nombre": "Alumno 4",
  "aula": "A",
  "grado": "1",
}, ];
            
td.details-control {
  background: url('https://datatables.net/examples/resources/details_open.png') no-repeat center center;
  cursor: pointer;
}
tr.shown td.details-control {
  background: url('https://datatables.net/examples/resources/details_close.png') no-repeat center center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<link href="https://cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css" rel="stylesheet" />

<table id="example" class="display" cellspacing="0" width="100%">
  <thead>
    <tr>
      <th></th>
      <th>Matricula</th>
      <th>Nombre</th>
      <th>Aula</th>
      <th>Grado</th>
    </tr>
  </thead>

</table>
2
ответ дан 03.12.2019, 17:36
  • 1
    превосходный спасибо за твой ответ. –  24.01.2017, 23:00
  • 2
    Если у тебя есть какое-то другое сомнение с удовольствием, я могу поддерживать тебя, привет. –  24.01.2017, 23:51
  • 3
    ok большое спасибо..., так как ты даешь мне эту возможность не, если depronto ты я смог сотрудничать с решением SQL, которое я разработал, но оно я не функционировало, и который я включая напечатал, но никто я diio конкретный ответ. если это так, он тебе был бы благодарен. –  24.01.2017, 23:58
  • 4
    Конечно перемести меня соединение вопроса или пошли мне mail cristina.carrasco.angulo@gmail.com –  24.01.2017, 23:59
  • 5
    es.stackoverflow.com/questions/45718/… смоги понимать и любая вещь послала тебе почту или ты говоришь мне, я остаюсь внимательным. –  25.01.2017, 00:02

Теги

Похожие вопросы