Hello,
I am getting some data from AJAX into my Datatable. I am not really sure if it's the right way to display an JQuery UI Dialog with more Details from the Dataset.
How to open up the JQuery UI Dialog with Details by clicking the .open_btn ?
$(document).ready( function () {
$('#table1').DataTable(
{
'processing': true,
'serverSide': true,
'ajax': 'models/processing_returndata1.php',
'order': [[1, 'asc']],
'language': {
'url': '". /* PHP LANGUAGE VAR */ lang('GLOBAL_DATATABLELANGUAGE') ."'
},
'columnDefs': [{
'targets': 2,
'render': function ( data, type, row, meta ) {
var RCID = row[7];
return '<a href=\"#\" id=\"opener' + RCID + '\" openid=\"' + RCID + '\" class=\"open_btn\">VIEW</a>';
}
}],
responsive: {
details: {
display: $.fn.dataTable.Responsive.display.modal( {
header: function ( row ) {
var data = row.data();
return 'Details for '+data[0]+' '+data[1];
}
} ),
renderer: $.fn.dataTable.Responsive.renderer.tableAll()
}
},
'rowCallback': function (row, data, index) {
$('.action_button', row).on('click', function () {
showModalDialog(this);
});
},
}
);
} );