Knockout mapping array with different types of view models

Question

Having an array of different types of items:

var items = [{{type:t1,text:"abc"},{type:t2,data:"123"}}]

and view models:

function T1VM(t1) { ... }
function T2VM(t2) { ... }

How can I use the mapping plugin to map items to an observable array of matching view models?

What do you mean a "matching view model"? Do you want the first view model mapped to the second? Or the second to the first? Or do you have a third view model you want the other two mapped to? — PatrickSteele
– PatrickSteele, Commented Mar 30, 2013 at 11:55

Andreas Zita · Accepted Answer · 2013-03-30 14:08:53Z

1

It was too easy!

var mapping = {
    create: function (options) {
        if (options.data.type == "T1")
            return new T1VM(options.data);
        else if (options.data.type == "T2")
            return new T2VM(options.data);
    }
};

And then:

ko.mapping.fromJS(items, mapping);

answered Mar 30, 2013 at 14:08

Andreas Zita

7,6409 gold badges58 silver badges125 bronze badges

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

Collectives™ on Stack Overflow

Knockout mapping array with different types of view models

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related