Weird Behaviour

[Wayne Hiller]

I have a template that gets data bound. 

<script type="text/x-kendo-template" id="filtering-template">
    <table class="edit-panel">
        <colgroup>
            <col class="fields-col">
            <col class="operator-col">
            <col class="value-col">
            <col class="delete-col">
        </colgroup>
        <tbody data-template="filtering-row-template" data-bind="source: filter.Rows"></tbody>
    </table>
    <a id="add-filter-row" data-role="button" data-bind="click: addRow">Add</a>
</script>

In this format the link at the bottom does not get set to a kendo button.
If I change the order to this:

<script type="text/x-kendo-template" id="filtering-template">
    <a id="add-filter-row" data-role="button" data-bind="click: addRow">Add</a>
    <table class="edit-panel">
        <colgroup>
            <col class="fields-col">
            <col class="operator-col">
            <col class="value-col">
            <col class="delete-col">
        </colgroup>
        <tbody data-template="filtering-row-template" data-bind="source: filter.Rows"></tbody>
    </table>
</script>

Then the button gets created correctly but the body of the table never gets created.

There are no JS errors being displayed at all.

[Petyo]

Hi,

the templates need a single root element to work as expected - try wrapping the two elements in a div.

Regards,
Petyo
Telerik

 

 

[Wayne Hiller]

That fixed it, Uggg, it was driving me nuts lol. You should put that in the docs in BIG red letters.

Thanks you very much :)