function format(d) {
return '
' +
'' +
' | ' +
'Answer Choice : | ' +
'
' +
// for (var p = 0; p < d.optionList.length; p++){
// '' +
// 'A : | ' +
// '' + d.optionList[p].name + ' | ' +
// '
' +
// ''
// }
'
' +
'
';
}
$(document).ready(function () {
var table = $('#table').DataTable({
"ajax": {
"url": "../question/get-by-package/" + package,
"dataSrc": ""},
"columns": [
{
"className": 'details-control',
"orderable": false,
"data": null,
"defaultContent": ''
},
{"data": "id"},
{"data": "value"},
{"data": "weight"},
{"data": "correctAnswer"},
{"data": "id",
"orderable": false,
"render": function (data, type, row) {
return '\n\
';
}
}
],
"order": [0, 'asc']
});
table.on('order.dt search.dt', function () {
table.column(1, {search: 'applied', order: 'applied'}).nodes().each(function (cell, i) {
cell.innerHTML = i + 1;
});
}).draw();
// Add event listener for opening and closing details
$('#table 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');
}
});
});