Knockout.js mapping plugin, accessing json nested multiple levels

Question

Is it possible for the Knockout.js Mapping plugin to access json nested data or can it only find the first level data?

If the mapping plugin cannot access nested data is there another solution?

In my example, "Number" is mapping correctly but "DueDate" will not map.

// json with nested data
{
   "Level1":[
      {
         "Level2":{
            "DueDate":"\/Date(1362124800000)\/",
            },
         "Number":5499
      },
}

// Here's my data model - I need to map the "DueDate" observable.
var viewModel;
$.getJSON('/myJsonData', function (data) {
    viewModel = ko.mapping.fromJS(data);
    ko.applyBindings(viewModel);
});

Damien · Accepted Answer · 2013-05-03 17:29:30Z

1

Are you sure that you can't access to DueDate ? Because in my fiddle I can.

// json nested data
var data = {
    "Level1": [{
        "Level2": {
            "DueDate": "\/Date(1362124800000)\/",
        },
            "Number": 5499
    }]
};
var viewModel = ko.mapping.fromJS(data);
ko.applyBindings(viewModel);

var dueDate = viewModel.Level1()[0].Level2.DueDate;

alert(typeof dueDate);

edited May 3, 2013 at 17:29

answered May 2, 2013 at 21:53

Damien

8,9873 gold badges34 silver badges43 bronze badges

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

Comments

Tomas Kirda · Accepted Answer · 2013-05-03 20:41:29Z

1

I used home grown one way recursive mapping function. It has worked well for me and it's tiny.

function convertToObservable(obj) {
    var newObj = {},
        key,
        value;

    if (!$.isPlainObject(obj)) {
        return obj;
    }

    for (key in obj) {
        if (obj.hasOwnProperty(key)) {
            value = obj[key];
            // console.log(key + ':', value);
            newObj[key] = $.isArray(value)
                ? ko.observableArray($.map(value, convertToObservable))
                : $.isPlainObject(value) ? convertToObservable(value) : ko.observable(value);
        }
    }
    return newObj;
}

It has dependency to jQuery, but can be rewritten if don't use jQuery.

edited May 3, 2013 at 20:41

answered May 2, 2013 at 21:51

Tomas Kirda

8,4233 gold badges33 silver badges24 bronze badges

Collectives™ on Stack Overflow

Knockout.js mapping plugin, accessing json nested multiple levels

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related