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
},
],
};
} |
