Checking for onScroll in moon.DataGridList
Is there a way to detect a scroll event in moon.DataGridList ? I've tried creating a handler for "onScroll", but that does not seem to be working..
components: [
{kind: "view.TopNavigation", name: "navigation"},
{kind :"moon.Image", name : "placeholderimage"},
{
kind: "moon.DataGridList", name: "repeater",
handlers : {
"onScroll" : "initOnScrollListener" //tried onscroll as well
},
fit: true, classes : "grid-style", components: [
{ kind : "view.GridItemControl",classes: "item-style"}
],minWidth: 224, minHeight: 175, spacing: 20
}
]
...
initOnScrollListener : function(){
console.info("Onscroll init...");
/*this.$.repeater.addListener('onScroll', function(){
console.info("scrolling yoh");
});*/
}
Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
onScrolldoes not bubble is that it is prevented from propagating at the enyo.DataList level: https://github.com/enyojs/enyo/blob/master/source/ui/data/DataList.js#L304You can implement a
didScrollmethod in your subkind of moon.DataGridList. For a working example, something like this (based off of the Moonstone DataGridList Sample): http://jsfiddle.net/U7x8N/1/Using the sample code you provided:
components: [ {kind: "view.TopNavigation", name: "navigation"}, {kind :"moon.Image", name : "placeholderimage"}, { kind: "MyDataGridList", name: "repeater", handlers : { "onScroll" : "initOnScrollListener" //tried onscroll as well }, fit: true, classes : "grid-style", components: [ { kind : "view.GridItemControl",classes: "item-style"} ],minWidth: 224, minHeight: 175, spacing: 20 } ] ... enyo.kind({ name: "MyDataGridList", kind: "moon.DataGridList", didScroll: function(inSender, inEvent) { this.inherited(arguments); // do something when list is scrolled this.initOnScrollListener(); }, initOnScrollListener : function(){ console.info("Onscroll init..."); /*this.$.repeater.addListener('onScroll', function(){ console.info("scrolling yoh"); });*/ } })