| Index: sky/examples/city-list/city-list.sky
|
| diff --git a/sky/examples/city-list/city-list.sky b/sky/examples/city-list/city-list.sky
|
| index 4306c93455819054379c850cc057d4a08ac8af78..1d75dc26960019e002d3254eae22e6cb23c1a6fc 100644
|
| --- a/sky/examples/city-list/city-list.sky
|
| +++ b/sky/examples/city-list/city-list.sky
|
| @@ -27,6 +27,9 @@ module.exports = {};
|
| </template>
|
| <script>
|
| module.exports.StateHeaderElement = class extends SkyElement {
|
| + created() {
|
| + this.state = "";
|
| + }
|
| set datum(datum) {
|
| this.state = datum.state;
|
| }
|
| @@ -49,6 +52,9 @@ module.exports.StateHeaderElement = class extends SkyElement {
|
| </template>
|
| <script>
|
| module.exports.LetterHeaderElement = class extends SkyElement {
|
| + created() {
|
| + this.letter = "";
|
| + }
|
| set datum(datum) {
|
| this.letter = datum.letter;
|
| }
|
| @@ -92,6 +98,10 @@ module.exports.LetterHeaderElement = class extends SkyElement {
|
| </template>
|
| <script>
|
| module.exports.CityItemElement = class extends SkyElement {
|
| + created() {
|
| + this.name = "";
|
| + this.population = "";
|
| + }
|
| set datum(datum) {
|
| this.name = datum.name;
|
| this.population = datum.population;
|
| @@ -553,6 +563,7 @@ module.exports.CityItemElement = class extends SkyElement {
|
| this.date = null;
|
| this.month = null;
|
| this.views = null;
|
| + this.scrollerElement = null;
|
| }
|
|
|
| attached() {
|
| @@ -566,7 +577,6 @@ module.exports.CityItemElement = class extends SkyElement {
|
| cityItem: 30
|
| });
|
|
|
| - this.dataLoaded = this.dataLoaded.bind(this);
|
| this.scrollerElement = this.shadowRoot.getElementById('scroller');
|
| this.scrollerElement.addEventListener('scroll',
|
| this.handleScroll.bind(this));
|
| @@ -574,7 +584,7 @@ module.exports.CityItemElement = class extends SkyElement {
|
| var self = this;
|
| setTimeout(function() {
|
| self.domReady();
|
| - self.loader.maybeLoadMoreData(self.dataLoaded);
|
| + self.loader.maybeLoadMoreData(self.dataLoaded.bind(self));
|
| });
|
| }
|
|
|
| @@ -591,7 +601,7 @@ module.exports.CityItemElement = class extends SkyElement {
|
| this.tiler.drawTiles(scrollFrame, data);
|
| var datum = scrollChanged ?
|
| this.tiler.getFirstVisibleDatum(scrollFrame) : null;
|
| - this.loader.maybeLoadMoreData(this.dataLoaded, datum);
|
| + this.loader.maybeLoadMoreData(this.dataLoaded.bind(this), datum);
|
| }
|
|
|
| dataLoaded(data, indexOffset) {
|
|
|