This question is locked. New answers and comments are not allowed.
I've got the MVC grid (MVC 2 / Telerik 2012.2.607) and I'm trying to make the paging work without having to perform a full page refresh every time. I've searched quite a bit to find an answer and I'm not really getting anywhere.
When the page is first rendered the controller action to handle the Ajax calls is called and the grid is shown. Any attempt to use the paging controls on the grid fail. The URL gets a # on the end of it and that's all that I can see happening. Chrome's network tab shows no activity.
On my master page I have the line:
So, I know it isn't that common mistake. Also, there is at least one ajax call being made when the grid is initially displayed.
However, I am completely stumped. I can get the page as a whole to refresh and paging works fine. If I attempt to use Ajax so I'm only refreshing the bits I need then it doesn't do anything.
Is there anything obvious that I've missed?
<% Html.Telerik().Grid<
StagedProductGroupListItemViewModel
>()
.Name("List")
.DataBinding(dataBinding => dataBinding
.Ajax()
.OperationMode(GridOperationMode.Client)
.Select("_DraftProductsListAjax", "ProductGroupList"))
.Columns(columns =>
{
columns.Bound(o => o.ProductCode)
.Title(Html.LocalisedLabel("label_pgto_product_code"));
columns.Bound(o => o.Products)
.Title(Html.LocalisedLabel("label_pgto_product"));
columns.Bound(o => o.Brand)
.Title(Html.LocalisedLabel("label_pgto_brand"));
columns.Bound(o => o.ProductType)
.Title(Html.LocalisedLabel("label_pgto_product_type"));
columns.Bound(o => o.Collection)
.Title(Html.LocalisedLabel("label_pgto_collection"));
columns.Bound(o => o.DateCreated)
.Title(Html.LocalisedLabel("label_pgto_date_created"));
columns.Bound(o => o.DateLastEdited)
.Title(Html.LocalisedLabel("label_pgto_date_last_edited"));
columns.Bound(o => o.LastEditedBy)
.Title(Html.LocalisedLabel("label_pgto_last_edited_user"));
})
.Pageable(paging => paging.Position(GridPagerPosition.Top))
.Render();
%>
When the page is first rendered the controller action to handle the Ajax calls is called and the grid is shown. Any attempt to use the paging controls on the grid fail. The URL gets a # on the end of it and that's all that I can see happening. Chrome's network tab shows no activity.
On my master page I have the line:
<%= Html.Telerik().ScriptRegistrar().jQuery(false) %>
So, I know it isn't that common mistake. Also, there is at least one ajax call being made when the grid is initially displayed.
However, I am completely stumped. I can get the page as a whole to refresh and paging works fine. If I attempt to use Ajax so I'm only refreshing the bits I need then it doesn't do anything.
Is there anything obvious that I've missed?