[Solved] Problem with paging on ajax databinding

[Sid]

I have a grid with the following configuration:

@(Html.Telerik().Grid(Model)
.Name("grdMyApprovals")
.DataKeys(keys => keys.Add(j => j.journey_id))
.DataBinding(dataBinding => dataBinding
    .Ajax()
        .OperationMode(GridOperationMode.Client)
        .Select("Index", "Dashboard"))

.ClientEvents(events => events
        .OnRowSelect("onPanelSelect"))
.Columns(columns =>
             {
                 columns.Bound(j => j.journey_desc)
                     .Title("Description");
                 columns.Template(j => j.TotalTasks)
                     .Title("Total");
                 columns.Template(j => j.RemTasks)
                     .Title("Done");
                 columns.Bound(j => j.create_date)
                     .Title("Created")
                     .Format("{0:d}");
             })
             .Selectable()
             .Pageable(page=>page.PageSize(5))
)

See grid1 attachment.

When I page, it loses the two calculated fields from the stored procedure.  See grid2 attachment.  Am I missing something obvious?
I just noticed i had it bound to a List type:

@model List<DZModel.OriginatorApprovalViewModel>

 

Is there something about List vs. IEnumerable causing a problem?  Is it a caching issue?
Any help would be greatly appreciated!
Thanks,
-Sid.

 

[Petur Subev]

Hi Sid,

You are using the Template method ( columns.Template(j => j.RemTasks) ) which is used is server binding (or initial loading) - once you perform Sorting/Paging/Filtering - your Template wont be displayed.
You should use the Bound method or the ClientTemplate with client expression e.g.
columns.ClientTemplate(" <#= RemTasks #> ") 


All the best,
Petur Subev
the Telerik team