knockout.js foreach ripete l'elemento td nella tabella, ma non l'elemento tr

Question

Ho il seguente estratto da una tabella che sto usando per visualizzare un sacco di file recuperati da un server, usando MVC 4 e il knockout.js versione della libreria 2.1.0.

<tr data-bind="foreach: files, visible: (files() && files().length > 0)"> 
     <td data-bind="text: UploadPath" /> 
     <td data-bind="text: FileName" /> 
    </tr> 

I dati vengono recuperati correttamente, tuttavia foreach sta ripetendo gli elementi TD nella tabella e non il TR. Quindi se ci sono 100 file, ci saranno 200 colonne nella tabella visualizzata all'utente. Come posso fare in modo che l'elemento TR ripeta il file?

Answer 1

In poche parole la "foreach" vincolante nel successivo elemento (esterno):

<table data-bind="foreach: files, ..."> 
    <tr> 
     ... 

È possibile anche utilizzare un elemento virtuale:

<!-- ko foreach: files --> 
<tr> 
    <td> 
     ... 
</tr> 
<!-- /ko --> 

Answer 2

mi sono imbattuto in una cosa strana:

Stavo cercando di utilizzare un binding containerless per ripetere più righe di tabella. KO si è lamentato di non riuscire a trovare il tag di chiusura/ko.

Avevo un'intestazione di tabella definita sopra l'associazione senza contenitore. Se l'ho modificato in una riga standard della tabella, tutto ha funzionato come previsto (a parte il mio header non aveva lo stile richiesto ma l'ho sovrascritto).

Spero che questo aiuti qualcun altro a lottare con questo: è solo una soluzione alternativa piuttosto che una soluzione.