Knockout not create and observableArray

Question

This fiddle shows a list of users being mapped to a function, in that function an observableArray is created surrounding the Roles. For some reason the console log of these mapped users only shows the Roles as and array.

I don't know why?!

var userModel = function (data) {
    var self = this;

    self.FirstName = data.FirstName;
    self.LastName = data.LastName;
    self.Email = data.Email;
    self.ContactTel = data.ContactTel;
    self.ContactMob = data.ContactMob;
    self.Username = data.Username;
    self.Roles = ko.observableArray(data.Roles);
};

Mapping:

self.users = ko.observableArray([]).map(model, userModel);

My observableArray extension:

ko.observableArray.fn.map = function (data, Constructor) {
    var mapped = $.each(data, function (i, e) { return new Constructor(e); });

    this(mapped);

    return this;
};

Anders · Accepted Answer · 2014-07-01 17:54:20Z

1

You are using $.each when you should be using $.map

ko.observableArray.fn.map = function (data, Constructor) {
    var mapped = $.map(data, function (i, e) { return new Constructor(e); });   
    this(mapped);   
    return this;
};

Also have a look at the mapping plugin. Dont reinvent the wheel

answered Jul 1, 2014 at 17:54

Anders

17.6k10 gold badges86 silver badges149 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Callum Linington Over a year ago

I've used each all the time, never had this problem ever.

Anders Over a year ago

The return value of the callback used with $.each is only used to break or continue the iterator. $.map is what you want jsfiddle.net/5dXC3/1. Moreover $.each return the orginal object/array sent into $.each for a fluent syntax approuch

Collectives™ on Stack Overflow

Knockout not create and observableArray

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related