ClientTemplate with collection inside

[Ronald]

Hi

I have defined a ClientTemplate which needs to display an employee and its roles as a list of items inside a single column.

Take following example:

person.cs:

public class Person

{

    public Guid Id { get; set; }

    public string FirstName { get; set; }

    public string LastName { get; set; }

    public string[] Roles { get; set; }

}


The grid looks like this:

<%= Html.Telerik().Grid<Person>()
    .Name("Employees")
    .DataBinding(dataBinding => dataBinding.Ajax()
        .Select("Employees", "Persons"))
    .Columns(columns =>
    {
        columns.Bound(e => e.Id);
    })
    .DetailView(dv => dv.ClientTemplate(
        "Name: <#= LastName #>, <#= FirstName #><br />" +
        "Roles: <ul>" +
            /* Person.Roles comes here: "<li><#= Roles[i] #></li>"
        "</ul>"
    ))
%>

Is there a way to have the roles op the employee displayed as an list inside the same column?


Kind regards,
Ronald Anthonissen

[Atanas Korchev]

Hello Ronald,

You can embed executable code in your client template like this:

ClientTemplate("Roles: <ul>" +

"<# for (var i = 0; i < Roles.length; i++) {" +
"#> <li><#= Roles[i] #></li> <#" +
"} #>" +
"</ul>")

Regards,
Atanas Korchev
the Telerik team

[Ronald]

Yes, it works!

Many thanks!


Kind regards,
Ronald Anthonissen

[Pedro]

Hi

Is it possible to filter this ClientTemplate client side ?

Something on the lines of

var grid = $('#Employees').data('tGrid');
grid.filter("substringof(Roles['All'],'Administrator')");

Where "All" iterates trough all the roles of that Employee.

Best Regards,
Pedro Máximo

[Philip]

Please explain how one would write a for loop in a client row or column template in Razor.
Not just a case of tweaking the syntax of the aspx example above it seems.
Thanks.

[Ganesh Jagdale]

Hi ,
 If anyone please help me out.

ClientTemplate("Roles: <ul>" +

"<# for (var i = 0; i < Roles.length; i++) {" +
"#> <li><#= Roles[i] #></li> <#" +
"} #>" +
"</ul>")

How to create variable in client Template like string s = Roles[i]. I need this because i want some operation on string the binding property comes as quoma sepetated and I want to seprate out each string.

Thanks In advance.

Thanks,
Ganesh