0

Here's my layout. I'm using a Kendo splitter control. The left pane contains a menu and the right is the main content. Some of the content pages contain kendo grids that can contain several pages of data. My problem is that when the user clicks on the next page of the grid, it performs a post back and the whole page refreshes taking the user back to the home page. The left menu loads the right panel using javascript. Does anyone know how to get around this?

In another words, I need the grid to load the next page and target the right side of the splitter control. How do I "Ajaxify" the next page of the grid control?

tereško
  • 58,060
  • 25
  • 98
  • 150
AlexFreitas
  • 342
  • 4
  • 14

1 Answers1

3

It sounds like your Grid is configured for Server Binding - if so you need to change it to Ajax binding and there is not other way to put it inside a Splitter which content is loaded with Ajax.

Petur Subev
  • 19,983
  • 3
  • 52
  • 68
  • I had a problem with circular reference after I changed it to Ajax. It turned out that all I had to do was to change the model reference on top of the page to inside the grid definition. For example, instead of having @model IEnumerable on top of the page I added to the grid: @(Html.Kendo().Grid(). I guess the circular reference occurred because it's trying to serialize the whole object on page load. Anyway, that was really a different issue than my original question. Thank you so much for your answer. – AlexFreitas Feb 22 '13 at 20:16