[Solved] conditianally showing content of a ClientTemplate

[Ronald]

I'm trying to display or hide the content of a column with a ClientTemplate depending on the conten of it, but I can't get it to work.  Is there any way to do this?

I have the folowwing:

public class Person

{

    public Guid Id { get; set; }

    public string FirstName { get; set; }

    public string LastName { get; set; }

    public string Function { get; set; }


    public bool ShowFunction { get; set; }


}

and

<%= Html.Telerik().Grid<Person>()
    .Name("Employees")
    .DataBinding(dataBinding => dataBinding.Ajax().Select("Employees", "Persons"))
    .Columns(columns =>
    {
        columns.Bound(e => e.Id);
    })
    .DetailView(dv => dv.ClientTemplate(
        "<#= LastName #>, <#= FirstName #> (<#= Function #>)"
    ))
%>

I want the (<# Function #>) part only to be shown when ShowFunction is true, so I tried something like the following, in al sorts of variations:

"<#= LastName #>, <#= FirstName #> <# if (ShowFunction) { #>(<#= Function #>)<# } #>"


but I can't get it to work :-(

Anyone any suggestions?

[Ronald]

Conditionally showing content is no problem, my problem was something else.

The problem that I was having, was because I created the ClientTemplate with String.Format() and a Html.ActionLink() statement.  I was the Id property to the RouteValues, but this caused errors when it contained a hash symbol (like "<#= Id #>").

I created a workaround for this with some javascript, so my problems are gone now.

The strange thing is that this doesn't give any problem when I remove the conditional statement from the string format.

[Wai Kei]

I would also like to put the conditional statements inside a clientTemplate as well. Does anyone know how to perform a condition check based on another field perhaps?

Thank you.

[Atanas Korchev]

Hi Wai Kei,

 You can use if statements:

ClientTemplate("<# if (CustomerID > 0) { #><#= CustomerID #> <# } #> ");

Client side expressions are very similar to server one:

<# is the same as <% whereas <#= is the same as <%=

Regards,
Atanas Korchev
the Telerik team

[Rick]

Where are these client-side expressions documented?

Is it essentially just any JavaScript goes in between the <# #> delimeters?

[Rick]

Never mind.  I answered my own question about the client-side expressions.  It's fairly straight-forward once you start playing with it.

This is a powerful feature, and I commend  you for having it.  You should promote it more though.

[piers]

I tried the conditional logic syntax, but as I was determining whether or not to produce an actionlink, it all went horribly wrong.

My solution was to apply my conditional value as the name of a class, then have a rowbound function with some jquery magic, in this case to replace the <a>s with <div>s.

columns.Bound(o => o.Id).ClientTemplate(Html.ActionLink("<#=OrderId#>", "Index", new { controller = "Orders", OrderId = "<#=Id#>" }, new { @class = "<#=HasData#>" }).ToHtmlString());
...snip...
.ClientEvents(events => events.OnRowDataBound("missingList_onRowDataBound"))
...snip...

function missingList_onRowDataBound(e) {
             $(".false").each(function (a) {
                 $(this).replaceWith('<div>' + $(this).text() + '</div>');
             });
         }