Paging KendoUI grid in a Partial view

[Kai]

I have a  Kendo Grid inside of a partial view, I can get the data that I need to, however when I page through the data it 1) Pages to a new page or 2) nothing shows even though my firebug shows the json that was passed back. Is it possible to page though a grid using a partial view in MVC? if so what do I need to do to make that happen?

[Rosen]

Hi Kai,

Unfortunately, it is not clear from the provided information what the cause for the issue might be. Therefore, could you please provide a small sample in which the issue can be observed locally.

Regards,
Rosen
the Telerik team

[Kai]

I've supplied a sample of what going on. When you page on ajax section it opens the partial view as a new page for whatever reasons. When I tried defining another datasource I kept getting a circular reference error

[Rosen]

Hi Kai,

It seems that you have missed to attached the project.

Greetings,
Rosen
the Telerik team

[Kai]

Ajax Paging Sample

Oops lets try again

[Rosen]

Hi Kai,

I have looked at the project you have provided and found few issues with the way grid is loaded.

- In order to use grid in a partial view loaded through AJAX the grid widget should be also populated through AJAX (either with or without server operations enabled)
- I have noticed that the container in which the partial view is loaded have the same id as the grid widget place within the partial view. This, however,  will produce invalid HTML, and should be avoided. Thus, you will need to change the Name of this Grid instance.

Greetings,
Rosen
the Telerik team

[Kai]

I did notice that but I also noticed if they didn't have the same name it wouldn't page at all, so I was really unsure what to do about it. So you are saying for my datasource should looking something like

.DataSource(ds=>

     ds.Ajax()

     ds.Action(action=action.read("actionname", "controller"));

[Rosen]

Hello Kai,

As I have mentioned in my previous message elements on the page should have different ids. And indeed the DataSource be set to use AJAX binding.

All the best,
Rosen
the Telerik team