Facebook
From Chartreuse Hedgehog, 3 Years ago, written in JavaScript.
Embed
Download Paste or View Raw
Hits: 71
  1.             function format(d) {
  2.                 return '<table>' +
  3.                         '<tr>' +
  4.                         '<td></td>' +
  5.                         '<td>Answer Choice : </td>' +
  6.                         '</tr>' +
  7. //                        for (var p = 0; p < d.optionList.length; p++){
  8. //                            '<tr>' +
  9. //                            '<td>A : </td>' +
  10. //                            '<td>' + d.optionList[p].name + '</td>' +
  11. //                            '</tr>' +
  12. //                            '<tr>'
  13. //                        }
  14.                         '<tr>' +
  15.                         '</table>';
  16.             }
  17.             $(document).ready(function () {
  18.                 var table = $('#table').DataTable({
  19.                     "ajax": {
  20.                         "url": "../question/get-by-package/" + package,
  21.                         "dataSrc": ""},
  22.                         "columns": [
  23.                         {
  24.                             "className": 'details-control',
  25.                             "orderable": false,
  26.                             "data": null,
  27.                             "defaultContent": ''
  28.                         },
  29.                         {"data": "id"},
  30.                         {"data": "value"},
  31.                         {"data": "weight"},
  32.                         {"data": "correctAnswer"},
  33.                         {"data": "id",
  34.                             "orderable": false,
  35.                             "render": function (data, type, row) {
  36.                                 return '<a id="btnUpdate" onclick="update('+"'"+row.id+"'"+')" href="#pageModal" data-toggle="modal" class="edit btn-sm btn-warning" data-toggle="tooltip" data-placement="top" title="update"><i class="fa fa-edit"></i></a>\n\
  37.                                        <a onclick="hapus('+"'"+row.id+"'"+')" class="delete btn-sm btn-danger"  data-toggle="tooltip" data-placement="top" title="delete"><i class="fa fa-trash"></i></a>';
  38.                             }
  39.                         }
  40.                     ],
  41.                     "order": [0, 'asc']
  42.                 });
  43.                 table.on('order.dt search.dt', function () {
  44.                     table.column(1, {search: 'applied', order: 'applied'}).nodes().each(function (cell, i) {
  45.                         cell.innerHTML = i + 1;
  46.                     });
  47.                 }).draw();
  48.                 // Add event listener for opening and closing details
  49.                 $('#table tbody').on('click', 'td.details-control', function () {
  50.                     var tr = $(this).closest('tr');
  51.                     var row = table.row(tr);
  52.                     if (row.child.isShown()) {
  53.                         // This row is already open - close it
  54.                         row.child.hide();
  55.                         tr.removeClass('shown');
  56.                     } else {
  57.                         // Open this row
  58.                         row.child(format(row.data())).show();
  59.                         tr.addClass('shown');
  60.                     }
  61.                 });
  62.             });