Frank
/
fineui
forked from fanruan/fineui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

virtuallist

es6
guy 8 years ago
parent
2ae5235b79
commit
546087ba62
5 changed files with 233 additions and 188 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 135
      bi/base.js
  2. 8
      demo/js/core/abstract/demo.virtual_list.js
  3. 135
      docs/base.js
  4. 8
      docs/demo.js
  5. 135
      src/base/list/virtuallist.js

135
bi/base.js
Unescape View File

@ -15476,6 +15476,10 @@ BI.VirtualList = BI.inherit(BI.Widget, {
init: function () { init: function () {
this.renderedIndex = -1; this.renderedIndex = -1;
this.cache = {}; this.cache = {};
this._scrollLock = false;
this._debounceRelease = BI.debounce(function () {
self._scrollLock = false;
}, 1000 / 60);
}, },
render: function () { render: function () {
@ -15511,23 +15515,27 @@ BI.VirtualList = BI.inherit(BI.Widget, {
self._calculateBlocksToRender(); self._calculateBlocksToRender();
}); });
BI.ResizeDetector.addResizeListener(this, function () { BI.ResizeDetector.addResizeListener(this, function () {
self._renderMoreIf(); self._calculateBlocksToRender();
}); });
}, },
_renderMoreIf: function () { _renderMoreIf: function () {
var o = this.options; var self = this, o = this.options;
var height = this.element.height(); var height = this.element.height();
var minContentHeight = o.scrollTop + height + o.overscanHeight; var minContentHeight = o.scrollTop + height + o.overscanHeight;
var index = (this.cache[this.renderedIndex] && (this.cache[this.renderedIndex].index + o.blockSize)) || 0, var index = (this.cache[this.renderedIndex] && (this.cache[this.renderedIndex].index + o.blockSize)) || 0,
cnt = this.renderedIndex + 1; cnt = this.renderedIndex + 1;
var lastHeight; var lastHeight;
while ((lastHeight = this.container.element.height()) < minContentHeight && index < o.items.length) { var getElementHeight = function () {
return self.container.element.height() + self.topBlank.element.height() + self.bottomBlank.element.height();
};
while ((lastHeight = getElementHeight()) < minContentHeight && index < o.items.length) {
var items = o.items.slice(index, index + o.blockSize); var items = o.items.slice(index, index + o.blockSize);
this.container.addItems(items); this.container.addItems(items);
var addedHeight = this.container.element.height() - lastHeight; var addedHeight = getElementHeight() - lastHeight;
this.cache[cnt] = { this.cache[cnt] = {
index: index, index: index,
scrollTop: lastHeight,
height: addedHeight height: addedHeight
}; };
this.tree.set(cnt, addedHeight); this.tree.set(cnt, addedHeight);
@ -15540,66 +15548,69 @@ BI.VirtualList = BI.inherit(BI.Widget, {
_calculateBlocksToRender: function () { _calculateBlocksToRender: function () {
var o = this.options; var o = this.options;
this._renderMoreIf(); this._renderMoreIf();
// var height = this.element.height(); var height = this.element.height();
// var minContentHeightFrom = o.scrollTop - o.overscanHeight; var minContentHeightFrom = o.scrollTop - o.overscanHeight;
// var minContentHeightTo = o.scrollTop + height + o.overscanHeight; var minContentHeightTo = o.scrollTop + height + o.overscanHeight;
// var start = this.tree.greatestLowerBound(minContentHeightFrom); var start = this.tree.greatestLowerBound(minContentHeightFrom);
// var end = this.tree.leastUpperBound(minContentHeightTo); var end = this.tree.leastUpperBound(minContentHeightTo);
// var summaryTopHeight = 0;
// this.topBlank.setHeight(0); // this.topBlank.setHeight(0);
// this.bottomBlank.setHeight(0); // this.bottomBlank.setHeight(0);
// var needDestroyed = []; var needDestroyed = [];
// for (var i = 0; i < start; i++) { for (var i = 0; i < start; i++) {
// var index = this.cache[i].index; var index = this.cache[i].index;
// summaryTopHeight += this.cache[i].height; if (!this.cache[i].destroyed) {
// if (!this.cache[i].destroyed) { for (var j = index; j < index + o.blockSize && j < o.items.length; j++) {
// for (var j = index; j < index + o.blockSize && j < o.items.length; j++) { needDestroyed.push(this.container._children[j]);
// needDestroyed.push(this.container._children[j]); this.container._children[j] = null;
// this.container._children[j] = null; }
// } this.cache[i].destroyed = true;
// this.cache[i].destroyed = true; }
// // this.topBlank.setHeight(summaryTopHeight); }
// } for (var i = end + 1; i <= this.renderedIndex; i++) {
// } var index = this.cache[i].index;
// summaryTopHeight = 0; if (!this.cache[i].destroyed) {
// for (var i = end + 1; i <= this.renderedIndex; i++) { for (var j = index; j < index + o.blockSize && j < o.items.length; j++) {
// var index = this.cache[i].index; needDestroyed.push(this.container._children[j]);
// summaryTopHeight += this.cache[i].height; this.container._children[j] = null;
// if (!this.cache[i].destroyed) { }
// for (var j = index; j < index + o.blockSize && j < o.items.length; j++) { this.cache[i].destroyed = true;
// needDestroyed.push(this.container._children[j]); }
// this.container._children[j] = null; }
// } var firstFragment = document.createDocumentFragment(), lastFragment = document.createDocumentFragment();
// this.cache[i].destroyed = true; var currentFragment = firstFragment;
// // this.bottomBlank.setHeight(summaryTopHeight); for (var i = (start < 0 ? 0 : start); i <= end && i <= this.renderedIndex; i++) {
// } var index = this.cache[i].index;
// } if (!this.cache[i].destroyed) {
// var firstFragment = document.createDocumentFragment(), lastFragment = document.createDocumentFragment(); currentFragment = lastFragment;
// var currentFragment = firstFragment; }
// for (var i = (start < 0 ? 0 : start); i <= end && i <= this.renderedIndex; i++) { if (this.cache[i].destroyed === true) {
// var index = this.cache[i].index; for (var j = index; j < index + o.blockSize && j < o.items.length; j++) {
// if (!this.cache[i].destroyed) { var w = this.container._children[j] = BI.createWidget(BI.extend({
// currentFragment = lastFragment; root: true
// } }, BI.stripEL(o.items[j])));
// if (this.cache[i].destroyed === true) { w.element.css("position", "relative");//vertical布局下position要改成relative
// for (var j = index; j < index + o.blockSize && j < o.items.length; j++) { currentFragment.appendChild(w.element[0]);
// var w = this.container._children[j] = BI.createWidget(BI.extend({ }
// root: true this.cache[i].destroyed = false;
// }, BI.stripEL(o.items[j]))); }
// currentFragment.appendChild(w.element[0]); }
// } this._scrollLock = true;
// this.cache[i].destroyed = false; this.container.element.prepend(firstFragment);
// } this.container.element.append(lastFragment);
// } this.topBlank.setHeight(this.cache[start < 0 ? 0 : start].scrollTop);
// this.container.element.prepend(firstFragment); var lastCache = this.cache[Math.min(end, this.renderedIndex)];
// this.container.element.append(lastFragment); this.bottomBlank.setHeight(this.tree.sumTo(this.renderedIndex) - lastCache.scrollTop - lastCache.height);
// BI.each(needDestroyed, function (i, child) { BI.each(needDestroyed, function (i, child) {
// child && child._destroy(); child && child._destroy();
// }); });
this._debounceRelease();
}, },
_populate: function () { _populate: function (items) {
var o = this.options; var o = this.options;
if (items && this.options.items !== items) {
this.options.items = items;
}
this.tree = BI.PrefixIntervalTree.empty(Math.ceil(o.items.length / o.blockSize)); this.tree = BI.PrefixIntervalTree.empty(Math.ceil(o.items.length / o.blockSize));
this._calculateBlocksToRender(); this._calculateBlocksToRender();
this.element.scrollTop(o.scrollTop); this.element.scrollTop(o.scrollTop);
@ -15611,7 +15622,10 @@ BI.VirtualList = BI.inherit(BI.Widget, {
}, },
populate: function (items) { populate: function (items) {
if (items && this.options.items !== items) {
this.restore();
}
this._populate();
}, },
destroyed: function () { destroyed: function () {
@ -15619,6 +15633,7 @@ BI.VirtualList = BI.inherit(BI.Widget, {
} }
}); });
BI.shortcut('bi.virtual_list', BI.VirtualList); BI.shortcut('bi.virtual_list', BI.VirtualList);
/** /**
* 分页控件 * 分页控件
* *

8
demo/js/core/abstract/demo.virtual_list.js
Unescape View File

@ -5,12 +5,12 @@ Demo.Func = BI.inherit(BI.Widget, {
render: function () { render: function () {
return { return {
type: "bi.virtual_list", type: "bi.virtual_list",
items: BI.map(BI.makeArray(200, 0), function (i, item) { items: BI.map(Demo.CONSTANTS.ITEMS, function (i, item) {
return { return BI.extend({}, item, {
type: "bi.label", type: "bi.label",
height: 30, height: 30,
text: i text: (i + 1) + "." + item.text,
}; });
}) })
} }
} }

135
docs/base.js
Unescape View File

@ -15476,6 +15476,10 @@ BI.VirtualList = BI.inherit(BI.Widget, {
init: function () { init: function () {
this.renderedIndex = -1; this.renderedIndex = -1;
this.cache = {}; this.cache = {};
this._scrollLock = false;
this._debounceRelease = BI.debounce(function () {
self._scrollLock = false;
}, 1000 / 60);
}, },
render: function () { render: function () {
@ -15511,23 +15515,27 @@ BI.VirtualList = BI.inherit(BI.Widget, {
self._calculateBlocksToRender(); self._calculateBlocksToRender();
}); });
BI.ResizeDetector.addResizeListener(this, function () { BI.ResizeDetector.addResizeListener(this, function () {
self._renderMoreIf(); self._calculateBlocksToRender();
}); });
}, },
_renderMoreIf: function () { _renderMoreIf: function () {
var o = this.options; var self = this, o = this.options;
var height = this.element.height(); var height = this.element.height();
var minContentHeight = o.scrollTop + height + o.overscanHeight; var minContentHeight = o.scrollTop + height + o.overscanHeight;
var index = (this.cache[this.renderedIndex] && (this.cache[this.renderedIndex].index + o.blockSize)) || 0, var index = (this.cache[this.renderedIndex] && (this.cache[this.renderedIndex].index + o.blockSize)) || 0,
cnt = this.renderedIndex + 1; cnt = this.renderedIndex + 1;
var lastHeight; var lastHeight;
while ((lastHeight = this.container.element.height()) < minContentHeight && index < o.items.length) { var getElementHeight = function () {
return self.container.element.height() + self.topBlank.element.height() + self.bottomBlank.element.height();
};
while ((lastHeight = getElementHeight()) < minContentHeight && index < o.items.length) {
var items = o.items.slice(index, index + o.blockSize); var items = o.items.slice(index, index + o.blockSize);
this.container.addItems(items); this.container.addItems(items);
var addedHeight = this.container.element.height() - lastHeight; var addedHeight = getElementHeight() - lastHeight;
this.cache[cnt] = { this.cache[cnt] = {
index: index, index: index,
scrollTop: lastHeight,
height: addedHeight height: addedHeight
}; };
this.tree.set(cnt, addedHeight); this.tree.set(cnt, addedHeight);
@ -15540,66 +15548,69 @@ BI.VirtualList = BI.inherit(BI.Widget, {
_calculateBlocksToRender: function () { _calculateBlocksToRender: function () {
var o = this.options; var o = this.options;
this._renderMoreIf(); this._renderMoreIf();
// var height = this.element.height(); var height = this.element.height();
// var minContentHeightFrom = o.scrollTop - o.overscanHeight; var minContentHeightFrom = o.scrollTop - o.overscanHeight;
// var minContentHeightTo = o.scrollTop + height + o.overscanHeight; var minContentHeightTo = o.scrollTop + height + o.overscanHeight;
// var start = this.tree.greatestLowerBound(minContentHeightFrom); var start = this.tree.greatestLowerBound(minContentHeightFrom);
// var end = this.tree.leastUpperBound(minContentHeightTo); var end = this.tree.leastUpperBound(minContentHeightTo);
// var summaryTopHeight = 0;
// this.topBlank.setHeight(0); // this.topBlank.setHeight(0);
// this.bottomBlank.setHeight(0); // this.bottomBlank.setHeight(0);
// var needDestroyed = []; var needDestroyed = [];
// for (var i = 0; i < start; i++) { for (var i = 0; i < start; i++) {
// var index = this.cache[i].index; var index = this.cache[i].index;
// summaryTopHeight += this.cache[i].height; if (!this.cache[i].destroyed) {
// if (!this.cache[i].destroyed) { for (var j = index; j < index + o.blockSize && j < o.items.length; j++) {
// for (var j = index; j < index + o.blockSize && j < o.items.length; j++) { needDestroyed.push(this.container._children[j]);
// needDestroyed.push(this.container._children[j]); this.container._children[j] = null;
// this.container._children[j] = null; }
// } this.cache[i].destroyed = true;
// this.cache[i].destroyed = true; }
// // this.topBlank.setHeight(summaryTopHeight); }
// } for (var i = end + 1; i <= this.renderedIndex; i++) {
// } var index = this.cache[i].index;
// summaryTopHeight = 0; if (!this.cache[i].destroyed) {
// for (var i = end + 1; i <= this.renderedIndex; i++) { for (var j = index; j < index + o.blockSize && j < o.items.length; j++) {
// var index = this.cache[i].index; needDestroyed.push(this.container._children[j]);
// summaryTopHeight += this.cache[i].height; this.container._children[j] = null;
// if (!this.cache[i].destroyed) { }
// for (var j = index; j < index + o.blockSize && j < o.items.length; j++) { this.cache[i].destroyed = true;
// needDestroyed.push(this.container._children[j]); }
// this.container._children[j] = null; }
// } var firstFragment = document.createDocumentFragment(), lastFragment = document.createDocumentFragment();
// this.cache[i].destroyed = true; var currentFragment = firstFragment;
// // this.bottomBlank.setHeight(summaryTopHeight); for (var i = (start < 0 ? 0 : start); i <= end && i <= this.renderedIndex; i++) {
// } var index = this.cache[i].index;
// } if (!this.cache[i].destroyed) {
// var firstFragment = document.createDocumentFragment(), lastFragment = document.createDocumentFragment(); currentFragment = lastFragment;
// var currentFragment = firstFragment; }
// for (var i = (start < 0 ? 0 : start); i <= end && i <= this.renderedIndex; i++) { if (this.cache[i].destroyed === true) {
// var index = this.cache[i].index; for (var j = index; j < index + o.blockSize && j < o.items.length; j++) {
// if (!this.cache[i].destroyed) { var w = this.container._children[j] = BI.createWidget(BI.extend({
// currentFragment = lastFragment; root: true
// } }, BI.stripEL(o.items[j])));
// if (this.cache[i].destroyed === true) { w.element.css("position", "relative");//vertical布局下position要改成relative
// for (var j = index; j < index + o.blockSize && j < o.items.length; j++) { currentFragment.appendChild(w.element[0]);
// var w = this.container._children[j] = BI.createWidget(BI.extend({ }
// root: true this.cache[i].destroyed = false;
// }, BI.stripEL(o.items[j]))); }
// currentFragment.appendChild(w.element[0]); }
// } this._scrollLock = true;
// this.cache[i].destroyed = false; this.container.element.prepend(firstFragment);
// } this.container.element.append(lastFragment);
// } this.topBlank.setHeight(this.cache[start < 0 ? 0 : start].scrollTop);
// this.container.element.prepend(firstFragment); var lastCache = this.cache[Math.min(end, this.renderedIndex)];
// this.container.element.append(lastFragment); this.bottomBlank.setHeight(this.tree.sumTo(this.renderedIndex) - lastCache.scrollTop - lastCache.height);
// BI.each(needDestroyed, function (i, child) { BI.each(needDestroyed, function (i, child) {
// child && child._destroy(); child && child._destroy();
// }); });
this._debounceRelease();
}, },
_populate: function () { _populate: function (items) {
var o = this.options; var o = this.options;
if (items && this.options.items !== items) {
this.options.items = items;
}
this.tree = BI.PrefixIntervalTree.empty(Math.ceil(o.items.length / o.blockSize)); this.tree = BI.PrefixIntervalTree.empty(Math.ceil(o.items.length / o.blockSize));
this._calculateBlocksToRender(); this._calculateBlocksToRender();
this.element.scrollTop(o.scrollTop); this.element.scrollTop(o.scrollTop);
@ -15611,7 +15622,10 @@ BI.VirtualList = BI.inherit(BI.Widget, {
}, },
populate: function (items) { populate: function (items) {
if (items && this.options.items !== items) {
this.restore();
}
this._populate();
}, },
destroyed: function () { destroyed: function () {
@ -15619,6 +15633,7 @@ BI.VirtualList = BI.inherit(BI.Widget, {
} }
}); });
BI.shortcut('bi.virtual_list', BI.VirtualList); BI.shortcut('bi.virtual_list', BI.VirtualList);
/** /**
* 分页控件 * 分页控件
* *

8
docs/demo.js
Unescape View File

@ -3489,12 +3489,12 @@ BI.shortcut("demo.virtual_group_item", Demo.Item);Demo.Func = BI.inherit(BI.Widg
render: function () { render: function () {
return { return {
type: "bi.virtual_list", type: "bi.virtual_list",
items: BI.map(BI.makeArray(200, 0), function (i, item) { items: BI.map(Demo.CONSTANTS.ITEMS, function (i, item) {
return { return BI.extend({}, item, {
type: "bi.label", type: "bi.label",
height: 30, height: 30,
text: i text: (i + 1) + "." + item.text,
}; });
}) })
} }
} }

135
src/base/list/virtuallist.js
Unescape View File

@ -19,6 +19,10 @@ BI.VirtualList = BI.inherit(BI.Widget, {
init: function () { init: function () {
this.renderedIndex = -1; this.renderedIndex = -1;
this.cache = {}; this.cache = {};
this._scrollLock = false;
this._debounceRelease = BI.debounce(function () {
self._scrollLock = false;
}, 1000 / 60);
}, },
render: function () { render: function () {
@ -54,23 +58,27 @@ BI.VirtualList = BI.inherit(BI.Widget, {
self._calculateBlocksToRender(); self._calculateBlocksToRender();
}); });
BI.ResizeDetector.addResizeListener(this, function () { BI.ResizeDetector.addResizeListener(this, function () {
self._renderMoreIf(); self._calculateBlocksToRender();
}); });
}, },
_renderMoreIf: function () { _renderMoreIf: function () {
var o = this.options; var self = this, o = this.options;
var height = this.element.height(); var height = this.element.height();
var minContentHeight = o.scrollTop + height + o.overscanHeight; var minContentHeight = o.scrollTop + height + o.overscanHeight;
var index = (this.cache[this.renderedIndex] && (this.cache[this.renderedIndex].index + o.blockSize)) || 0, var index = (this.cache[this.renderedIndex] && (this.cache[this.renderedIndex].index + o.blockSize)) || 0,
cnt = this.renderedIndex + 1; cnt = this.renderedIndex + 1;
var lastHeight; var lastHeight;
while ((lastHeight = this.container.element.height()) < minContentHeight && index < o.items.length) { var getElementHeight = function () {
return self.container.element.height() + self.topBlank.element.height() + self.bottomBlank.element.height();
};
while ((lastHeight = getElementHeight()) < minContentHeight && index < o.items.length) {
var items = o.items.slice(index, index + o.blockSize); var items = o.items.slice(index, index + o.blockSize);
this.container.addItems(items); this.container.addItems(items);
var addedHeight = this.container.element.height() - lastHeight; var addedHeight = getElementHeight() - lastHeight;
this.cache[cnt] = { this.cache[cnt] = {
index: index, index: index,
scrollTop: lastHeight,
height: addedHeight height: addedHeight
}; };
this.tree.set(cnt, addedHeight); this.tree.set(cnt, addedHeight);
@ -83,66 +91,69 @@ BI.VirtualList = BI.inherit(BI.Widget, {
_calculateBlocksToRender: function () { _calculateBlocksToRender: function () {
var o = this.options; var o = this.options;
this._renderMoreIf(); this._renderMoreIf();
// var height = this.element.height(); var height = this.element.height();
// var minContentHeightFrom = o.scrollTop - o.overscanHeight; var minContentHeightFrom = o.scrollTop - o.overscanHeight;
// var minContentHeightTo = o.scrollTop + height + o.overscanHeight; var minContentHeightTo = o.scrollTop + height + o.overscanHeight;
// var start = this.tree.greatestLowerBound(minContentHeightFrom); var start = this.tree.greatestLowerBound(minContentHeightFrom);
// var end = this.tree.leastUpperBound(minContentHeightTo); var end = this.tree.leastUpperBound(minContentHeightTo);
// var summaryTopHeight = 0;
// this.topBlank.setHeight(0); // this.topBlank.setHeight(0);
// this.bottomBlank.setHeight(0); // this.bottomBlank.setHeight(0);
// var needDestroyed = []; var needDestroyed = [];
// for (var i = 0; i < start; i++) { for (var i = 0; i < start; i++) {
// var index = this.cache[i].index; var index = this.cache[i].index;
// summaryTopHeight += this.cache[i].height; if (!this.cache[i].destroyed) {
// if (!this.cache[i].destroyed) { for (var j = index; j < index + o.blockSize && j < o.items.length; j++) {
// for (var j = index; j < index + o.blockSize && j < o.items.length; j++) { needDestroyed.push(this.container._children[j]);
// needDestroyed.push(this.container._children[j]); this.container._children[j] = null;
// this.container._children[j] = null; }
// } this.cache[i].destroyed = true;
// this.cache[i].destroyed = true; }
// // this.topBlank.setHeight(summaryTopHeight); }
// } for (var i = end + 1; i <= this.renderedIndex; i++) {
// } var index = this.cache[i].index;
// summaryTopHeight = 0; if (!this.cache[i].destroyed) {
// for (var i = end + 1; i <= this.renderedIndex; i++) { for (var j = index; j < index + o.blockSize && j < o.items.length; j++) {
// var index = this.cache[i].index; needDestroyed.push(this.container._children[j]);
// summaryTopHeight += this.cache[i].height; this.container._children[j] = null;
// if (!this.cache[i].destroyed) { }
// for (var j = index; j < index + o.blockSize && j < o.items.length; j++) { this.cache[i].destroyed = true;
// needDestroyed.push(this.container._children[j]); }
// this.container._children[j] = null; }
// } var firstFragment = document.createDocumentFragment(), lastFragment = document.createDocumentFragment();
// this.cache[i].destroyed = true; var currentFragment = firstFragment;
// // this.bottomBlank.setHeight(summaryTopHeight); for (var i = (start < 0 ? 0 : start); i <= end && i <= this.renderedIndex; i++) {
// } var index = this.cache[i].index;
// } if (!this.cache[i].destroyed) {
// var firstFragment = document.createDocumentFragment(), lastFragment = document.createDocumentFragment(); currentFragment = lastFragment;
// var currentFragment = firstFragment; }
// for (var i = (start < 0 ? 0 : start); i <= end && i <= this.renderedIndex; i++) { if (this.cache[i].destroyed === true) {
// var index = this.cache[i].index; for (var j = index; j < index + o.blockSize && j < o.items.length; j++) {
// if (!this.cache[i].destroyed) { var w = this.container._children[j] = BI.createWidget(BI.extend({
// currentFragment = lastFragment; root: true
// } }, BI.stripEL(o.items[j])));
// if (this.cache[i].destroyed === true) { w.element.css("position", "relative");//vertical布局下position要改成relative
// for (var j = index; j < index + o.blockSize && j < o.items.length; j++) { currentFragment.appendChild(w.element[0]);
// var w = this.container._children[j] = BI.createWidget(BI.extend({ }
// root: true this.cache[i].destroyed = false;
// }, BI.stripEL(o.items[j]))); }
// currentFragment.appendChild(w.element[0]); }
// } this._scrollLock = true;
// this.cache[i].destroyed = false; this.container.element.prepend(firstFragment);
// } this.container.element.append(lastFragment);
// } this.topBlank.setHeight(this.cache[start < 0 ? 0 : start].scrollTop);
// this.container.element.prepend(firstFragment); var lastCache = this.cache[Math.min(end, this.renderedIndex)];
// this.container.element.append(lastFragment); this.bottomBlank.setHeight(this.tree.sumTo(this.renderedIndex) - lastCache.scrollTop - lastCache.height);
// BI.each(needDestroyed, function (i, child) { BI.each(needDestroyed, function (i, child) {
// child && child._destroy(); child && child._destroy();
// }); });
this._debounceRelease();
}, },
_populate: function () { _populate: function (items) {
var o = this.options; var o = this.options;
if (items && this.options.items !== items) {
this.options.items = items;
}
this.tree = BI.PrefixIntervalTree.empty(Math.ceil(o.items.length / o.blockSize)); this.tree = BI.PrefixIntervalTree.empty(Math.ceil(o.items.length / o.blockSize));
this._calculateBlocksToRender(); this._calculateBlocksToRender();
this.element.scrollTop(o.scrollTop); this.element.scrollTop(o.scrollTop);
@ -154,7 +165,10 @@ BI.VirtualList = BI.inherit(BI.Widget, {
}, },
populate: function (items) { populate: function (items) {
if (items && this.options.items !== items) {
this.restore();
}
this._populate();
}, },
destroyed: function () { destroyed: function () {
@ -162,3 +176,4 @@ BI.VirtualList = BI.inherit(BI.Widget, {
} }
}); });
BI.shortcut('bi.virtual_list', BI.VirtualList); BI.shortcut('bi.virtual_list', BI.VirtualList);

Write Preview
Loading…
Cancel
Save