Knockout.js array append more objects

Question

I am loading data with Ajax, for initial load, I could bind all data by using this to observableArry:

            success: function (result) {
                var mappedData = $.map(result.d, function (item) {
                    return new Applicant(item);
                });
                self.Applicants(mappedData);
            }

The question is when I want to load more to the array, I know how to add one, but what if the next load would be more than 1 object, and I want to bind to array, how could I do that?

self.Applicants.push(mappedData); won't work.

Any suggestions?

After posting this found a way: ko.utils.arrayPushAll(self.Applicants, mappedData); — Princa
– Princa, Commented Jan 10, 2013 at 21:21

Adam Rackis · Accepted Answer · 2013-01-10 21:18:43Z

3

If you need to add a bunch of objects to your observable array, I would just set the whole array to its current contents, concated with the new object.

The following should work:

self.Applicants(self.Applicants().concat(mappedData));

answered Jan 10, 2013 at 21:18

Adam Rackis

83.5k57 gold badges281 silver badges402 bronze badges

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

Comments

Andrew Whitaker · Accepted Answer · 2013-01-10 21:28:06Z

1

I would use:

Array.prototype.push.apply(self.Applicants(), mappedData);
self.Applicants.valueHasMutated();

For general tips & tricks on working with observable arrays, be sure to check out Ryan Niemeyer's article on it.

edited Jan 10, 2013 at 21:28

answered Jan 10, 2013 at 21:20

Andrew Whitaker

126k32 gold badges296 silver badges308 bronze badges

3 Comments

Adam Rackis Over a year ago

I think you'd have to manually tell self.Applicants to do a notification of its subscribers after that.

Adam Rackis Over a year ago

Ahh - shouldn't call be apply? Otherwise aren't you just pushing an entire array onto the end of this array?

Andrew Whitaker Over a year ago

@AdamRackis: It's been a long day. Thanks (again)

Collectives™ on Stack Overflow

Knockout.js array append more objects

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related