Knockout Mapping Plugin fail to bind Json collection from ASp.Net Webapi

Question

I have the following code:

/*   Sample data received from an ASP.Net WebApi ajax call  */
var data = { [{"CodSeguro":676541,"NroSeguro":538178},{"CodSeguro":687069,"NroSeguro":577836]},{"CodSeguro":123,"NroSeguro":233]};

/*This function build the view model that will be shared by multiple pages*/
function getViewModel(data)
{
   return ko.mapping.fromJS(data);
}

var viewModel = getViewModel(data);
ko.applyBindings(viewModel);

My Html look like these:

<table>
<thead>
    <tr>
        <th>CodSeguro</th>
        <th>NroSeguro</th>
        <th>NroEndoso</th>        
    </tr>
</thead>
<tbody data-bind="foreach: ">
  <tr>
    <td>
        <span data-bind="text: CodSeguro"></span>
    </td>
    <td>
        <span data-bind="text: NroSeguro"></span>
    </td>
    <td>
        <span data-bind="text: NroEndoso"></span>
    </td>        
</tr>

Simply I dont know what to put after foreach in this line:

I really need to use the Mapping Plugin because there are a lot ob objects that i dont want to code in both places (js for knockout and c# in the service layer)

The fiddle is this:

http://jsfiddle.net/3Q6JE/

Thanks!!!

tugberk · Accepted Answer · 2012-11-15 14:12:05Z

1

You can put $data to foreach:

<tbody data-bind="foreach: $data">

But your json should be the following:

var data = [{"CodSeguro":676541,"NroSeguro":538178},{"CodSeguro":687069,"NroSeguro":577836},{"CodSeguro":123,"NroSeguro":233}];

Here is working fiddle: http://jsfiddle.net/3Q6JE/2/

edited Nov 15, 2012 at 14:12

tugberk

58.7k71 gold badges252 silver badges342 bronze badges

answered Nov 15, 2012 at 12:39

Artem Vyshniakov

16.5k3 gold badges46 silver badges48 bronze badges

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

Collectives™ on Stack Overflow

Knockout Mapping Plugin fail to bind Json collection from ASp.Net Webapi

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