Array inside array knockout how to?

Question

I have the an array.

and I have a table:

and this is my template:

What I want to do is for each VegType have 1 checkbox for Carrot, 1 for Potato, 1 one for ETC.

so what will show is :

and so on so forth...

but I want the VegID and VegiType to show next to each check box.

Hope someone helps with this.

Thanks

Where is your viewmodel code? Try posting this in a fiddle so we can see what is going on. — Kyeotic
– Kyeotic, Commented Jul 2, 2012 at 18:47

peacemaker · Accepted Answer · 2012-07-02 19:09:59Z

1

It looks to me like you just want another foreach wrapped around the generation of the checkboxes:

<tbody data-bind="foreach: VegType" >
    <label data-bind="text: Vegitype"></label>
    <input type="checkbox" data-bind="attr:{id: VegID}"/>

UPDATE:

Ok, so it looks like you want to do something like:

<script type="text/html" id="a-template">
<tr>
    <td>
    <span data-bind="text: INFOTEXTAREA"></span>
    <textarea></textarea>
    <span data-bind="text: ID"></span>
    <ul data-bind="foreach: VegType">
    <li>
        <label data-bind="text: Vegitype"></label>
        <input type="checkbox" data-bind="attr:{id: VegID}" />
    </li>
    </ul>

</tr>
</script>

edited Jul 2, 2012 at 19:09

answered Jul 2, 2012 at 18:51

peacemaker

2,5914 gold badges28 silver badges49 bronze badges

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

3 Comments

Doctor Over a year ago

My first foreach will run and create the text on top of the text area and the text area, but each time a text and text area is created.. it will also creat 3 checkboxes Carrot, Potato, ETC. for the same table body.

Doctor Over a year ago

Thanks this works :) I am just wondering how it recoganizes that VegType is an array inside an array ;/

peacemaker Over a year ago

You're welcome. You defined VegType as an array using the [] syntax so knockout knows :)

Collectives™ on Stack Overflow

Array inside array knockout how to?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related