[Solved] Grid refreshes when trying to use paging

[Joey]

Specs:
Browser    - Chrome 6.0.472.55  (happens in every browser I have tried)
MVC Ver.  - 2.0
Telerik      - 2010.2.825.235

After I upgraded to Telerik (2010.2.825.235) from (2009.3.1320), paging has not been working correctly. For example, if I am on the third tab and select page 4, the page refreshes and takes me back to the first tab and something like this ends up in the URL bar (http://localhost:4179/?TasksInvolvedIn-page=4). However, when I go back to the tab I was on (the third tab in this example) the page is correct. I am picking up on this project from the original developer, so there are bound to be some things that I don't grasp yet.


Other possibly relevant information:


On my Site.Master -  

<%= Html.Telerik().ScriptRegistrar().jQuery(false) %>

One one of the grid tabs -

 Html.Telerik().Grid(Model.TasksWaitingOn)

                   .Name("TasksWaitingOn")

                   .DataBinding(databinding => databinding.Ajax().Select("_RefreshTasksWaitingOn", "Home", Model.UserId))

                   .Columns(columns =>

                        columns.Bound(t => t.Id).AsLinkColumn(Html.ActionLink("View", "Details", new { controller = "Task", id = "{0}" })))

                   .AddWaitingOnColumns()

                   .AddStandardBehavior()

In the controller - 

[GridAction]
        public ActionResult _RefreshTasksWaitingOn(int userId)
        {
            return View(new GridModel
            {
                Data = from t in _service.GetTasksWaitingOn(userId, false).ToList()
                       select new TaskGridViewModel(t)
            });
        }

Please let me know if that was not clear enough. Thanks!


-Joey

[Georgi Krustev]

Hello Joey,

Unfortunately it is hard to reproduce the depicted issue depending on the given information. I will suggest you send us a screencast or running test project, which replicates the problem. Thus we will be able to investigate it locally and advice you further.

Best wishes,
Georgi Krustev
the Telerik team

[Joey]

Thanks for the quick reply. I attached two images (labeled 1 and 2) that show the problem, just in case that would help. If not, no worries. I will try and see if I can get a solution to you guys for testing.


Thanks!

[Georgi Krustev]

Hi Joey,

Thank you for the attached images.

Depending on them I believe that the javascripts scripts for the grid are not loaded.

On first load the grid is rendered from server. If the javascript files required by grid UI component are not loaded, it will continue to work in server binding mode. Hence when you paging, the whole page post backs. Thus the tabstrip UI component will select first tab (as I suppose the selected index is 0).

I will suggest you check this help article which is devoted on rendering Telerik Component in partial view.

Regards,
Georgi Krustev
the Telerik team

[Binu]

I have this same issue, I am using Server side binding, when I click paging on grid on one tab 2, it jumps to tab 1, which is the default tab.
(Wanted to read your link, but it does not respond!)

[Atanas Korchev]

Hi Binu,

 This is expected. The tabstrip renders with the first tab initially selected. You need to select the right tab when the  grid pages in the second tab pages. Or you can use Ajax binding and then you won't need that.

Regards,
Atanas Korchev
the Telerik team

[Binu]

Thanks for the reply. We switched to Ajax binding for paging and now page works well.