I am trying to make the category field of a template, that when in edit mode turns into a dropdown box that lists all the available categories. Is there a simple way to do this?
I would like to keep the dropdown hidden until the field is actually edited.
This is my current template:
<script id="rowTemplate" type="text/x-kendo-template">
<tr class="k-master-row" data-uid=#: uid #>
<td class="k-hierarchy-cell">
<a href="\\#" class="k-icon k-plus" title="transaction details"></a>
</td>
<td>#= kendo.toString(transactionDate, 'MM/dd/yyyy') #</td>
<td>#: description.description #</td>
<td>#: category.categoryName #</td>
<td>#: account.accountName #</td>
<td class="currencyField">#=kendo.toString(amount.amount, 'c') #</td>
<td class="tId">#: transactionBaseType #</td>
<td>
<a class="k-button k-button-icontext k-grid-edit" href="\#">
<span class="k-icon k-edit"></span>Edit
</a>
</td>
</tr>
</script>