javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 04:14:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(virtual-scroll): only allow one readUpdate per update

Browse Source
This commit is contained in:
Adam Bradley
2016-12-08 15:19:24 -06:00
parent 104723ecda
commit 8104cfac57
2 changed files with 25 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/virtual-scroll/virtual-scroll.ts
View File

@ -188,6 +188,7 @@ export class VirtualScroll implements DoCheck, AfterContentInit, OnDestroy {
_scrollSub: any;
_scrollEndSub: any;
_init: boolean;
_lastEle: boolean;
_hdrFn: Function;
_ftrFn: Function;
_records: any[] = [];
@ -354,24 +355,25 @@ export class VirtualScroll implements DoCheck, AfterContentInit, OnDestroy {
// wait for the content to be rendered and has readable dimensions
_content.readReady.subscribe(() => {
this.readUpdate(true);
if (this._hasChanges()) {
this.readUpdate();
// wait for the content to be writable
var subscription = _content.writeReady.subscribe(() => {
subscription.unsubscribe();
this.writeUpdate();
});
if (!this._scrollSub) {
// listen for scroll events
this.addScrollListener(config.getBoolean('virtualScrollEventAssist'));
}
});
// wait for the content to be writable
_content.writeReady.subscribe(() => {
this.writeUpdate();
}
});
}
readUpdate(dimensionsUpdated: boolean) {
if (!this._records) return;
console.debug(`virtual-scroll, readUpdate, dimensionsUpdated: ${dimensionsUpdated}`);
readUpdate() {
console.debug(`virtual-scroll, readUpdate`);
// reset everything
this._cells.length = 0;
@ -384,12 +386,9 @@ export class VirtualScroll implements DoCheck, AfterContentInit, OnDestroy {
this.approxHeaderWidth, this.approxHeaderHeight,
this.approxFooterWidth, this.approxFooterHeight,
this.bufferRatio);
}
writeUpdate() {
if (!this._records) return;
console.debug(`virtual-scroll, writeUpdate`);
processRecords(this._data.renderHeight,
@ -414,7 +413,7 @@ export class VirtualScroll implements DoCheck, AfterContentInit, OnDestroy {
if (this._init && this._hasChanges()) {
// only continue if we've already initialized
// and if there actually are changes
this.readUpdate(false);
this.readUpdate();
this.writeUpdate();
}
}
@ -485,10 +484,13 @@ export class VirtualScroll implements DoCheck, AfterContentInit, OnDestroy {
(<any>nodes[i].view).detectChanges();
}
if (!this._lastEle) {
// add an element at the end so :last-child css doesn't get messed up
// ******** DOM WRITE ****************
const lastEle: HTMLElement = renderer.createElement(ele, 'div');
var lastEle: HTMLElement = renderer.createElement(ele, 'div');
lastEle.className = 'virtual-last';
this._lastEle = true;
}
// ******** DOM WRITE ****************
renderer.setElementClass(ele, 'virtual-scroll', true);

4
src/components/virtual-scroll/virtual-util.ts
View File

@ -381,7 +381,7 @@ function readElements(cell: VirtualCell, element: VirtualHtmlElement) {
const styles = window.getComputedStyle(<any>element);
// ******** DOM READ ****************
cell.left = (element.offsetLeft - parseFloat(styles.marginLeft));
cell.left = (element.clientLeft - parseFloat(styles.marginLeft));
// ******** DOM READ ****************
cell.width = (element.offsetWidth + parseFloat(styles.marginLeft) + parseFloat(styles.marginRight));
@ -508,7 +508,7 @@ export function getVirtualHeight(totalRecords: number, lastCell: VirtualCell): n
* NO DOM
*/
export function estimateHeight(totalRecords: number, lastCell: VirtualCell, existingHeight: number, difference: number): number {
if (!totalRecords) {
if (!totalRecords || !lastCell) {
return 0;
}