La liaison tableau imbriqué à l'aide de knock-out foreach

J'ai besoin d'aide dans la liaison tableau imbriqué à l'aide de knock-out foreach.

Ci-dessous est le code voudrais savoir comment puis-je obtenir les éléments qui est à l'intérieur de PatAppointments tableau.

 <script language="javascript" type="text/javascript">
 ko.applyBindings({
    "appointment": [{
        "Date": "01\/10\/2012",
        "PatAppointments": [{
            "EndTime": "11:15:00",
            "EventId": null,
            "Facility": "General Physician",
            "PatientID": 23,
            "PatientName": "Vicki"
        }],
        "PatAppointments": [{
            "EndTime": "11:15:00",
            "EventId": null,
            "Facility": "General Physician",
            "PatientID": 23,
            "PatientName": "Scott"
        }]
    }]
});

</script>

<table>
<tbody data-bind="foreach: appointment">
<tr>
    <td data-bind="text: Date">
    </td>
</tr>
<tr>
    <td>
         @*
        <tbody data-bind="foreach: appointment.PatAppointments">
        <tr>
            <td data-bind="text: PatAppointments.PatientName">
            </td>
            <td data-bind="text: PatAppointments.Facility">
            </td>
        </tr>
        </tbody>
        *@
    </td>
</tr>
</tbody>
</table>

OriginalL'auteur preeti | 2012-10-03

  1. 2

    Comme vous avez un tableau imbriqué dans un autre, vous devez définir 2 foreach liaisons en 2 imbriquée à l'élément html (div, ul, tr, ...) comme dans l'exemple suivant:

    <div data-bind="foreach: appointment">
    <div data-bind="foreach: PatAppointments">
        <span data-bind="text: PatientName"></span>
    </div>
</div>

    OriginalL'auteur gbs

  2. 4

    Que vous avez vous avez mis en place actuellement, aucun foreach serait de travailler. Pour configurer votre PatAppointments correctement, votre objet doit ressembler à

    "appointment": [{
    "Date": "01\/10\/2012",
    "PatAppointments": [
    {
        "EndTime": "11:15:00",
        "EventId": null,
        "Facility": "General Physician",
        "PatientID": 23,
        "PatientName": "Vicki"
    },
    {
        "EndTime": "11:15:00",
        "EventId": null,
        "Facility": "General Physician",
        "PatientID": 23,
        "PatientName": "Scott"
    }]
}]

    Et alors que le sgb a déclaré vous aurez besoin d'un foreach de liaison au sein d'une autre foreach contraignant en tant que tel:

    <div data-bind="foreach: appointment">
    <div data-bind="foreach: PatAppointments">
        //Everything you want displayed from each PatAppointment here.
    </div>
</div>

    Voir violon pour petit exemple.

    OriginalL'auteur Rynan

  3. 3

    Je travaille avec des Tableaux imbriqués où il est difficile/inutile de créer des éléments de lier la syntaxe foreach. J'aime le "containerless flux de contrôle de la syntaxe", qui ressemble à ceci:

    <!-- ko foreach: appointment -->
    <!-- ko foreach: PatAppointments -->
        <span data-bind="text: PatientName"></span>
    <!-- /ko -->
<!-- /ko -->

    Voir que c'est de la documentation, sous 'la Note 4'
    http://knockoutjs.com/documentation/foreach-binding.html

    OriginalL'auteur Graham T