insert/remove objects with array.splice doesn't work fine IOS about nativescript-pager HOT 12 CLOSED

Are you using this.numItems anywhere in the view?

from nativescript-pager.

yes, I use this to calculate the number of pages and to change the buttons that are displayed in the view

<GridLayout row="3" rows="auto" columns="*, *" class="main-activity">
        <Button text="Prev" (tap)="prevPage()" class="btn btn-primary" col="0" *ngIf="latestReceivedIndex != 0"></Button>
        <Button text="Next" (tap)="nextPage()" class="btn btn-primary" col="1" *ngIf="latestReceivedIndex != (numItems-1)"></Button>
        <Button text="Save" (tap)="saveForms()" class="btn btn-primary" col="1" *ngIf="latestReceivedIndex == (numItems-1)"></Button>
    </GridLayout>

from nativescript-pager.

So it’s the buttons that doesn’t update no?

from nativescript-pager.

no, the problem is not the buttons, the problem is when I insert an object in the middle of two pages, the new object it is shown in another part or with wrong information (usually duplicates the last page) and when I delete an object always removes me the last page. however when I review the BehaviorSubject object in the console, this is fine but in the view not and this only happens in ios.

from nativescript-pager.

Can you try calling .refresh(true) on the pager after you update it ?

from nativescript-pager.

@triniwiz
I think I have same problem #66
When I use unshift in items, it update wrong data in Pager.

from nativescript-pager.

I have items = [1, 2, 3], Pager show 3 page, it ok.
I use items.unshift(0); this.pager.nativeElement.refresh(true) ;

console.log(items) => [0, 1, 2, 3]

But Pager show data: 0 - 1 - 3 - 3

from nativescript-pager.

it still doesn't work @triniwiz and @HoangJK it's the same error

from nativescript-pager.

if I refresh the items as shown in the code below, it works, but the UX is ugly, because the previous page is first displayed and then the new page.
for example if I have items = [1,2,3]
and I update it to items = [1,2, new, 3]
First he shows me page 3 and after a few seconds the new page is shown, which makes the user thing as an error.

prevPage() {
	this.pager.nativeElement.refresh(true);
	const newIndex = Math.max(0, this.currentPagerIndex - 1);
	this.currentPagerIndex = newIndex;
	this.pager.nativeElement.selectedIndex = newIndex;
}

// Go to the next page
nextPage() {
	this.pager.nativeElement.refresh(true);
	const newIndex = Math.min(this.numItems - 1, this.currentPagerIndex + 1);
	this.currentPagerIndex = newIndex;
	this.pager.nativeElement.selectedIndex = newIndex;
}

// Change de Index of the page
onIndexChanged($event) {
	this.pager.nativeElement.refresh(true);
	this.latestReceivedIndex = $event.value;
	this.currentPagerIndex = $event.value;
}
addQuestion() {
	let newItems = (<BehaviorSubject>this.formItems).value;
	newItems.splice(indexPage+1, 0, newQuestion);
	this.formItems.next(newItem);
	this.pager.nativeElement.refresh(true);

}

from nativescript-pager.

Thanks for the info 😃

from nativescript-pager.

Can you try the latest version :)

from nativescript-pager.

This is fixed in the latest release

from nativescript-pager.