BoldSignA modern eSignature application with affordable pricing. Sign up today for unlimited document usage!
<div id="Kanban" data-bind="ejKanban: {……
cardSettings: card
}"></div> // binding values from ViewModel to HTML elements
|
<script id="cardtemplate" type="text/x-jsrender"> // Here customize the Kanban card
<table class="e-templatetable">
<colgroup>
<col width="10%">
<col width="90%">
</colgroup>
<tbody>
<tr>
<td class="details">
<table>
<colgroup>
<col width="10%">
<col width="90%">
</colgroup>
<tbody>
<tr>
<td class="CardHeader"><b> Assignee:</b></td>
<td>{{:Assignee}}</td>
</tr>
<tr>
<td class="CardHeader"><b> Summary: </b></td>
<td>{{:Summary}}</td>
</tr>
<tr>
<td class="CardHeader"><b> Type: </b></td>
<td>{{:Type}}</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</script> |
var card = {
template: "#cardtemplate", // Template loading
};
window.kanbanData = {
……
card: ko.observable(card), // update underlying ViewModel data
……
}; |