Problems with "template columns" in a "grid" with ajax paging

[Wilfredo]

Hi everybody,

I have problems working with "templated columns" and "ajax paging" in a Grid (ASP.NET MVC). When you click on the paging buttons, the template columns don't show the links again.

I'm attaching an example,

Thanks in advance,

Wilfredo Nacho

[Dave Crack]

Same Problem here:

http://demos.telerik.com/aspnet-mvc/razor/grid/templatesserverside

with Razor and AJAX Binding doesnt work, the Template (Server) Column is empty either emtpy or if also bound only shows bounded value, by the way is there any best practice of binding LazyLoaded Properties via EF4 / Navigation (1:n) an keep filter alive?:

@(

 Html.Telerik().Grid(Model)

        .Name("Grid")

        .EnableCustomBinding(true)

        .Columns(columns =>

        {

            columns.Bound(o => o.TaskID);

            columns.Template(

                @<text>

                    Test @item.TaskID

                </text>

            ).Title("Test Template");

 

        })

        .DataBinding(dataBinding => dataBinding.Ajax().Select("_Paging", "Task"))

        .Pageable(paging => paging.Total(ViewBag.totalCount).PageTo(1).PageSize(20).Style(pagerStyles))

        .Scrollable((scroll) =>

        {

            scroll.Height(500);

        })

        .Sortable()

        .Filterable()

)



[jpchenot]

I believe that your issue lies in the fact that you are mixing server and client binding.

Basically, the Template property is a server-side property. For AJAX you must use the ClientTemplate property. But if you do so, you cannot bind the Model to the grid because it automatically assumes that it is going to be server bound. 

You must change the first line to:

Html.Telerik().Grid<T>()

T being the Type of your model.
The grid will automatically make an AJAX call to load the data.

I hope this helps.