En ASP.NET MVC Project, estoy usando Knockout y DataTable para el enlace de datos,
Agrego datos a la tabla así:
<tbody data-bind="dataTablesForEach: {data: customerList, dataTableOptions: tableOptions}"> <tr> <td data-bind="text: customerName"></td> <td data-bind="text: creationDate"></td> <td data-bind="text: transType"></td> <td data-bind="text: address"></td> </tr> </tbody>Pero en mi caso, la lista de clientes, cada elemento contiene una sublista llamada lista de habilidades. Entonces, quiero agregar datos a la tabla así:
<tbody data-bind="dataTablesForEach: {data: customerList, dataTableOptions: tableOptions}"> <tr> <td data-bind="text: customerName"></td> <td data-bind="text: creationDate"></td> <td data-bind="text: phone"></td> <td data-bind="text: address"></td> <td data-bind="text: mainSkill"></td> </tr> foreach(var skill in skills) { <tr> <td data-bind="text: customerName"></td> <td data-bind="text: creationDate"></td> <td data-bind="text: phone"></td> <td data-bind="text: address"></td> <td data-bind="text: skill"></td> </tr> } </tbody>Entonces, en el segundo tr , los datos se repiten, pero el último td contendrá la habilidad en lugar de la habilidad principal.
Espero que entiendas lo que necesito.
No estoy seguro de si esto funcionará, pero estaría intentando algo como esto,
<tbody data-bind="dataTablesForEach: {data: customerList, dataTableOptions: tableOptions}"> <tr> <td data-bind="text: customerName"></td> <td data-bind="text: creationDate"></td> <td data-bind="text: phone"></td> <td data-bind="text: address"></td> <td data-bind="text: mainSkill"></td> </tr> <!-- ko dataTablesForEach: {data: skills, dataTableOptions: tableOptions} <tr> <td data-bind="text: customerName"></td> <td data-bind="text: creationDate"></td> <td data-bind="text: phone"></td> <td data-bind="text: address"></td> <td data-bind="text: skill"></td> </tr> <!-- /ko --> </tbody>