lsm/Orchard
1
0
Fork 0
mirror of https://github.com/OrchardCMS/Orchard.git synced 2025-08-01 17:51:18 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

#20006: Fixing infinite scrolling

Browse Source 
Work Item: 20006
This commit is contained in:
Sebastien Ros 2013-10-23 14:58:37 -07:00
parent 78087005c5
commit 59d89d2c09
1 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/Orchard.Web/Modules/Orchard.MediaLibrary/Scripts/media-library.js
View File

@ -8,6 +8,17 @@ var baseViewModel = function() {
$(function () { $(function () {
(function (settings) { (function (settings) {
var listWidth = $('#media-library-main-list').width();
var listHeight = $('#media-library-main-list').height();
var itemSize = $('.thumbnail').first().width();
var itemsPerRow = Math.floor(listWidth / itemSize);
var itemsPerColumn = Math.ceil(listHeight / itemSize);
var pageCount = itemsPerRow * itemsPerColumn;
alert(pageCount);
function mediaPartViewModel(data) { function mediaPartViewModel(data) {
var self = this; var self = this;
@ -156,7 +167,7 @@ $(function () {
return settings.mediaItemsActionUrl + '?folderPath=' + encodeURIComponent(f) + '&skip=' + skip + '&count=' + count + '&order=' + order + '&mediaType=' + mediaType; return settings.mediaItemsActionUrl + '?folderPath=' + encodeURIComponent(f) + '&skip=' + skip + '&count=' + count + '&order=' + order + '&mediaType=' + mediaType;
}; };
self.getMediaItems(20); self.getMediaItems(pageCount);
}; };
self.selectFolder = function(folderPath) { self.selectFolder = function(folderPath) {
@ -173,7 +184,7 @@ $(function () {
self.results([]); self.results([]);
self.displayed(null); self.displayed(null);
self.getMediaItems(20); self.getMediaItems(pageCount);
}; };
self.toggleSelect = function(searchResult, force) { self.toggleSelect = function(searchResult, force) {
@ -204,7 +215,7 @@ $(function () {
self.scrolled = function(data, event) { self.scrolled = function(data, event) {
var elem = event.target; var elem = event.target;
if (elem.scrollTop > (elem.scrollHeight - elem.offsetHeight - 300)) { if (elem.scrollTop > (elem.scrollHeight - elem.offsetHeight - 300)) {
self.getMediaItems(20); self.getMediaItems(pageCount, true);
} }
}; };