javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 15:07:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

Working on virtual list scroll stuff

Browse Source
This commit is contained in:
Max Lynch
2013-10-28 12:37:37 -05:00
parent a3edee2ff9
commit e619e9be72
3 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
dist/js/ionic.js vendored
View File

@ -3363,18 +3363,18 @@ window.ionic = {
console.log('Scrolling', Date.now());
if(this.isVirtual) {
var itemHeight = this.itemHeight;
var totalItems = this.el.children.length;
var totalItems = this.listEl.children.length;
var scrollHeight = e.target.scrollHeight
var scrollTop = e.scrollTop;
var height = this.el.parentNode.offsetHeight;
console.log('LIST VIEW SCROLLED', e, itemHeight, scrollHeight, height);
var itemsPerPage = Math.floor(scrollHeight / itemHeight);
var first = parseInt(scrollTop / itemHeight) - totalItems;
var itemsPerPage = Math.floor(height / itemHeight);
var first = parseInt(scrollTop / itemHeight);
console.log('FITS', itemsPerPage, 'per page, starting at', first);
var nodes = Array.prototype.slice.call(this.el.children, first, itemsPerPage);
console.log('Showing these nodes:', nodes);
var nodes = Array.prototype.slice.call(this.listEl.children, first, first + itemsPerPage);
console.log('Showing these', nodes.length, 'nodes:', nodes);
}
},

10
js/views/listViewScroll.js
View File

@ -396,18 +396,18 @@
console.log('Scrolling', Date.now());
if(this.isVirtual) {
var itemHeight = this.itemHeight;
var totalItems = this.el.children.length;
var totalItems = this.listEl.children.length;
var scrollHeight = e.target.scrollHeight
var scrollTop = e.scrollTop;
var height = this.el.parentNode.offsetHeight;
console.log('LIST VIEW SCROLLED', e, itemHeight, scrollHeight, height);
var itemsPerPage = Math.floor(scrollHeight / itemHeight);
var first = parseInt(scrollTop / itemHeight) - totalItems;
var itemsPerPage = Math.floor(height / itemHeight);
var first = parseInt(scrollTop / itemHeight);
console.log('FITS', itemsPerPage, 'per page, starting at', first);
var nodes = Array.prototype.slice.call(this.el.children, first, itemsPerPage);
console.log('Showing these nodes:', nodes);
var nodes = Array.prototype.slice.call(this.listEl.children, first, first + itemsPerPage);
console.log('Showing these', nodes.length, 'nodes:', nodes);
}
},

1
test/biglists.html
View File

@ -1279,6 +1279,7 @@
var list = document.getElementById('content');
var lv = new ionic.views.ListView({
el: list,
listEl: list.children[0],
isVirtual: true,
itemHeight: 50
});