overflow_cloud/member_webapp
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ing

Browse Source
This commit is contained in:
geek 2018-06-11 12:27:25 +09:00
parent 7a1e1bf3b6
commit c844548d68
2 changed files with 36 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
@overflow/target/component/list/list.component.ts
View File

@ -50,31 +50,32 @@ export class ListComponent implements OnInit, OnChanges {
} }
ngOnInit() { ngOnInit() {
const pageParams: PageParams = { this.getTargetList();
pageNo: 0,
countPerPage: 2,
sortCol: 'id',
sortDirection: 'descending',
};
this.getTargetList(pageParams);
} }
ngOnChanges(changes: SimpleChanges): void { ngOnChanges(changes: SimpleChanges): void {
console.log(changes);
if (changes['pageIdx'] && this.paginator) { if (changes['pageIdx'] && this.paginator) {
console.log(this.pageIdx);
this.getTargetList();
this.paginator.changePage(this.pageIdx);
}
}
private getTargetList() {
// console.log('----------------------------------------------------------------');
// console.log(this.pageIdx);
// console.log('----------------------------------------------------------------');
if (this.pageIdx <= 0 || this.pageIdx === undefined || this.pageIdx === null || isNaN(this.pageIdx)) {
this.pageIdx = 0;
}
const pageParams: PageParams = { const pageParams: PageParams = {
pageNo: this.pageIdx, pageNo: this.pageIdx,
countPerPage: 2, countPerPage: 2,
sortCol: 'id', sortCol: 'id',
sortDirection: 'descending', sortDirection: 'descending',
}; };
console.log(this.pageIdx);
this.paginator.changePage(this.pageIdx);
this.getTargetList(pageParams);
}
}
private getTargetList(pageParams: PageParams) {
this.targetService.readAllByProbeID(this.probeID, pageParams) this.targetService.readAllByProbeID(this.probeID, pageParams)
.pipe( .pipe(

18
src/app/pages/targets/target-list-page.component.ts
View File

@ -12,15 +12,27 @@ export class TargetListPageComponent implements OnInit {
constructor( constructor(
private router: Router, private router: Router,
private route: ActivatedRoute private activatedRoute: ActivatedRoute
) { } ) { }
ngOnInit() { ngOnInit() {
this.activatedRoute.queryParams.subscribe(queryParams => {
this.pageIdx = Number(queryParams['page']);
if (this.pageIdx <= 0 || this.pageIdx === undefined || this.pageIdx === null) {
this.pageIdx = 0;
}
// console.log('*****************************************************');
// console.log(this.pageIdx);
// console.log('*****************************************************');
});
// this.pageIdx = this.activatedRoute.snapshot.queryParams['page'] || 1;
} }
onPageChange(pageNo: number) { onPageChange(pageNo: number) {
this.pageIdx = pageNo + 1; // console.log('**********************pageNo*******************************');
this.router.navigate(['/probe', this.probeID, 'target'], { queryParams: { page: pageNo + 1 } }); // console.log(pageNo);
// console.log('**********************pageNo*******************************');
this.router.navigate(['/probe', this.probeID, 'target'], { queryParams: { page: pageNo } });
} }
} }