issues tabledit with datatables
issues tabledit with datatables
Dzahi
Posts: 6Questions: 2Answers: 0
the json data rendered into datatable and this table also defined as tabledit.. the problem is the action buttons only appeared on the first 10 records (first page in the datatable).
this image shows the output
below the script of the datatable and table edit definition:
function reloadseekers(vacancy){
if (vacancy) {
$.ajax({
url: '/getseekers/' + vacancy,
method: "GET",
dataType: "json",
cache: false,
success: function (data) {
$('#evaluated_list_table').dataTable({
"paging": true,
"lengthChange": true,
"searching": true,
"ordering": true,
"info": true,
"autoWidth": true,
"data": data.appSeekers,
"columns": [
{ "data": "ssn"},
{ "mdata":null, "mRender": function ( data, type, full ) {
return full['first_name']+' '+full['second_name']+' '+full['middle_name']+' '+full['last_name'];}
},
{ "data": "phone_1"},
{ "data": "phone_2"},
{ "data": "evaluation.total_evaluation"},
{ "data": "evaluation.employment_notes"},
{ "data": "redirection_Count"},
]
});
$('#vacancyId').val(data.vacancy);
$('#evaluated_list_table').Tabledit({
url:"/Assign-Seekers/"+ vacancy,
dataType:'json',
columns:{
identifier: [0, 'ssn'],
editable: [],
},
restoreButton: false,
editButton: false,
buttons: {
delete: {
class: 'btn btn-sm',
html: '<span class="glyphicon glyphicon-plus-sign text-success font-18"></span>',
action: 'save'
}
},
restoreButton:false,
onSuccess:function(data, textStatus, jqXHR)
{
if(data.action === 'edit'){
}
if(data.action === 'save')
{
$('#' + data.ssn).remove();
$('#evaluated_list_table').DataTable().ajax.reload();
/*
reloadvacncies(vacancy);
*/
}
},
});
}
});
}
}
Any idea?
This discussion has been closed.
Answers
Tabledit isn't one of ours, so you'll need to raise that with the developers. It would be worth looking at Editor, as that is integrated and supported here.
Colin
Thanks Colin..