Conditional Display in template.

[Michael]

Hi, I'm using a ListBox with a template.

<script id="roleChoiceTemplate" type="text/x-kendo-template">
<div class="row"><div class="col-sm-9"> #: data.RoleName #</div> <div class="col-sm-3">#: data.RoleNeedsAttention == true ? 'Y' : ''#</div></div>
</script>

 

@(Html.Kendo().ListBox()

                       .Name("roleChoices")

                       .DataTextField("RoleName")

                       .DataValueField("RoleName")

                       .TemplateId("roleChoiceTemplate")

                       .HtmlAttributes(new { style = "width: 100%; overflow: hidden;" })

                           .DataSource(source => source

                               .Read(read => read.Action("GetRoles", "Home"))

                           )

 

       )

As is, this works fine, but instead of displaying a 'Y' in the template when the value is true, I want to display a formatted span like <span class=\'needsAttention\'>Attention</span>.  When I try to do this, I either see the text '<span>...' or with different alterations I get an invalid template javascript error.  Can you help me get the syntax right because I'm out of ideas.

 

Thanks!

[Georgi]

Hello Michael,

A possible solution is to use an if clause as follows:

<script id="roleChoiceTemplate" type="text/x-kendo-template">
    <div class="row"><div class="col-sm-9"> #: data.RoleName #</div> <div class="col-sm-3">#if( data.RoleNeedsAttention == true){ # <span class='needsAttention'>Attention</span> #}#</div></div>
</script>

Regards,
Georgi
Progress Telerik