Group header click

[Ronald]

Hi,

I have a grid and its by default grouped through the datasource like below:

.DataSource(dataSource => dataSource
    .Ajax().Group(g => g.Add(c => c.ProjectName))
    .Read(read => read.Action("GetProjectItems", "Project"))
)

I would like to be able click the ProjectName which will then the project record in a popup.

How can I add a click event to the group header?

Thanks.

[Iliana Dyankova]

Hello Ronald,

In order to achieve this you could attach a click handler to the <th> element for ProjectName column. For example:

<script>
    $("#Grid .k-header").eq(1).click(function () { //your custom logic })
</script>

  Regards,
Iliana Nikolova
Telerik