Article relates to
April 14, 2008
Last modified by
Additionally, there are MS Calendar and MS ListBox controls inserted in adjacent panes for better user experience on resize action.
There is also a second grid wrapped inside another splitter pane (which is locked horizontally). This grid page size is modified on the fly when the pane height is changed by the user. To do that we wire the OnClientPageResized event of the splitter pane, trigger an AJAX request from its handler and modify the number of records displayed in par with the new pane size. For this purpose we override the RaisePostBackEvent handler of the page and rebind the grid after the action takes place.
For more information please refer to the code below and the attached project at the bottom of this article. Feel free to extend the logic when you have different grid table configuration: ASPX/ASCX
The solution when implementing the same scenario with RadSplitter for ASP.NET AJAX (Prometheus) is a little bit different because the RadGrid does not offer ajaxifing functionality. This being said you should make a postback in the client resized eventhandler instead of ajax request. In case you want to ajaxify the RadGrid you should wrap it in a RadAjaxPanel or in a standard UpdatePanel.
Another approach is to use RadAjaxManager as shown below: ASPX/ASCX:
You can find this working project in the attached GridInSplitterWithResizingUpdated_Prometheus.zip archive file.
You can also find a detailed, working online demo, which covers the scenario with RadAjaxPanel here.