1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84
|
ngOnInit(): void {
const that = this;
this.dtOptions = {
pagingType: 'full_numbers',
pageLength: 10,
serverSide: true,
processing: true,
select: true,
dom: '<lf<Bt>ip>',
ajax: (dataTablesParameters: any, callback) => {
this.myService.query ({
},this.param).subscribe((resp: HttpResponse<Person[]>) => {
this.temp = [...resp.body];
this.rows = resp.body;
callback({
recordsTotal:resp.body.length,
recordsFiltered: resp.body.length,
data: resp.body,
columnDefs: [
{ responsivePriority: 1, targets: 0 },
{ responsivePriority: 2, targets: -1 }
]
});
});
},
rowCallback: (row: Node, data: any[] | Object, index: number) => {
const self = this;
var activeRows :any;
const elt = $('td', row).find('[type="checkbox"]');
if (elt) {
elt.unbind('click');
elt.bind('click', () => {
if (elt[0].checked) {
activeRows=data;
this.person=activeRows;
}
});
}
return row;
},
columns: [
{
targets: 0,
data: null,
searchable:false,
orderable:false,
className: 'dt-body-center',
render: function (data, type, full, meta){
return '<input type="checkbox" class="_check" name="check" value="' + data.id + '">';
}
},
{
title: "name",
data: 'name',
render: function (data, type, row) {
return row.name; },
defaultContent: '',
orderable: true,
searchable: true
},
],
};
} |
Partager