map varying json data to observable array

Question

I have a viewmodel like

AppViewModel = {
    agent : ko.observableArray([ {
        name : 'test',
        age  : '23'             
    }])         
};

My json data comes like

{"agent":[{"name":"john","age":"23"},{"name":"conor","age":"23"}]}

for ajaxcall every 3 sec

I could able to replace the observable array like [from here]

success : function(responseData) {
    var data = ko.toJS(responseData);  
     AppViewModel.agent(data.agent);
}

Some times the json data comes like

{"agent":[{"name":"john"}]}

without age, in this case the incomplete data stays with the observable array

and getting script error as

'age' is undefined in databinding

even after new response arrives like {"agent":[{"name":"john","age":"23"}]}

I want whole obsevable array to replaced with new data.

Thanks

EDIT:

enter image description here

DataBinding:

<!-- ko foreach: agent-->
    <tr>                                
        <td style="font-weight:bold;" data-bind="text: name"></td>      
        <td style="font-weight:bold;" data-bind="text: age"></td>
    </tr>
<!-- /ko -->

Where do you get the error in your javascript or in render process ? Can you post your view ? — Damien
– Damien, Commented Dec 2, 2013 at 13:57

nemesv · Accepted Answer · 2013-12-02 15:43:46Z

0

If you prefix your property with the $data special binding context property then KO won't complain if the given property does not exists.

So if you write $data.age then you don't get an error if the server sends an object without the age property:

<tr>
    <td style="font-weight:bold;" data-bind="text: $data.name"></td>
    <td style="font-weight:bold;" data-bind="text: $data.age"></td>
</tr>

Demo JSFiddle.

answered Dec 2, 2013 at 15:43

nemesv

140k16 gold badges424 silver badges364 bronze badges

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

Collectives™ on Stack Overflow

map varying json data to observable array

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related