Can't get collection to bind to datalist
I can get the data and it is properly formatted json but I can't seem to make the binding work correctly. Here is the full source code:
Any help is greatly appreciated.
enyo.kind({
name: "ListUsers",
kind: "FittableColumns",
fit: true,
classes: "enyo-fit",
published: {
collection: null
},
components:[
{kind: "FittableRows", components: [
{name: "repeater", kind:"enyo.DataList", fit:true, components: [
{components: [
{name:"firstName"}
], bindings: [
{from: ".model.firstName", to: ".$.firstName.content"}
]}
]}
]}
],
bindings: [
{from: ".collection", to: ".$.repeater.collection"}
],
users : '',
create: enyo.inherit(function (sup) {
return function () {
sup.apply(this, arguments);
this.getUsers();
};
}),
getUsers: function(inSender,inEvent) {
var request = new enyo.Ajax({
url: "http://atxapps.com/_sites/atxapps.com/dev/jetstream/assets/dataUsers.json",
method: "GET",
handleAs: "json"
});
request.response(this,"processUsers");
request.go();
},
processUsers: function(inSender, inResponse){
if (!inResponse) {
return;
}
this.set("collection", inResponse.users);
}
});
Howdy, Stranger!
It looks like you're new here. If you want to get involved, click one of these buttons!
Comments
collectionto be an instance of enyo.Collection, i.e. in your processUsers method:this.set("collection", new enyo.Collection(inResponse.users));