If statement in template not working

[Nisarg]

Hi there,

I have a template as follows:

<script id="rowTemplate" type="text/x-kendo-tmpl">
        <tr data-uid="#: data.id #">
            <td>
                <img src="lib\\images\\catalog\\item#: data.itemid #.jpg" alt="#: data.item #" />
            </td>
            <td>
                <span>#: data.item #</span>
            </td>
            <td>
                $#: data.price #
            </td>
            <td>
                #: data.qty #
            </td>
            <td>
                #: data.date #
            </td>
            <td>
                #if( data.processed === "true"){#
                <img src="lib\\images\\orders\\check.png" alt="Processed" />
                #}#
                #else {#
                <img src="lib\\images\\orders\\inprogress.gif" alt="In Progress" />
                #}#
            </td>
            <td>
                #if( data.delivered === "true"){#
                <img src="lib\\images\\orders\\check.png" alt="Delivered" />
                #}#
                #else {#
                <img src="lib\\images\\orders\\inprogress.gif" alt="In Progress" />
                #}#
            </td>
        </tr>
    </script>


And I have the respective fields in my data. But I get an invalid template error on this template.
If I replace the last two "<td>"s with simpler form like
<td>
data.processed
</td>
<td>
data.delivered
</td>

It works perfectly. So please let me know where I am wrong.

Thank you in advance, Nisarg

[Petyo]

Hello Nisarg,

you should concatenate the } else { part into a single # # block. An excerpt from our documentation:

   <script type="text/x-kendo-template" id="myTemplate">

        #if(isAdmin){#
            <li>#: name # is Admin</li>
        #}else{#
            <li>#: name # is User</li>
        #}#
    </script>

 

Regards,
Petyo
Telerik