[Solved] Expand detail button disappears after ajax filter call

[John]

I'm working with the Telerik MVC grid and i'm having some issues with the ajax filter call removing the expand/collapse buttons. See images below:

Server binding initially renders fine (except for some css issues)
http://i620.photobucket.com/albums/tt286/jpcleve77/Telerik1.jpg

I filter on the "reached" column which fires an ajax request to the controller
http://i620.photobucket.com/albums/tt286/jpcleve77/Telerik2.jpg

The result is that the expand/collapse button on the far left of the row has been removed and all the columns are moved over one cell
http://i620.photobucket.com/albums/tt286/jpcleve77/Telerik1.jpg

I've seen examples that use ajax binding with the expand/collapse button so I must be doing something wrong here. Any help is GREATLY appreciated.

Thanks!
John

[Atanas Korchev]

Hi John,

 I couldn't reproduce this problem locally. Is there a chance to provide a sample project? This could be related to a bug which we have fixed in the Q1 2011 SP1 release.

Greetings,
Atanas Korchev
the Telerik team

[John]

Hi,

I've put together a very simple demo project to illustrate the problem. Simply try to filter the grid by one of the header filters and notice that the expand detail links on the far left column of the grid are missing after the ajax request returns. (Ignore the fact that filtering isn't actually implemented)

Any ideas on a fix or work-around?

Thanks,
John

[Atanas Korchev]

Hello John,

 The reason this does not work is because server-side templates are not supported in ajax binding. This includes detail templates as well as column templates. I guess we should throw an exception in such cases.

 The solution is to define a Client detail template as shown in this demo.

Regards,

Atanas Korchev
the Telerik team