Knockout and DataTable and custom data binding
208 views
Skip to first unread message
Tough Man
May 12, 2022, 3:40:03 AM5/12/22
to KnockoutJS
In ASP.NET MVC Project I am using Knockout and DataTable for data binding,
<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>
But in my case the customers list, each item contains sub list called skillsList So, I want to add data to table like that:
<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>
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>
LG Song
Jul 6, 2022, 5:58:47 PM7/6/22
to KnockoutJS
try this:
<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>
<!-- ko foreach: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>
<!--/ko-->
</tbody>
Reply all
Reply to author
Forward
0 new messages