Page for client-side export

<telerik:RadCodeBlock runat="server" ID="RadCodeBlock1">
	<script type="text/javascript">

		function callExport() {
			var exportManager = $find("<%=rcem1.ClientID%>");
			exportManager.exportPDF($telerik.$("#forExport"));
		}

		//for pure client-side export
		//the AJAX request that refreshes the grid is used to clean up its DOM after the modifications
		//alternatively, if you remove the header cloning you can avoid the request by simply removing the OnClientPdfExported handler
		function buttonClickHandler() {
			addPageBreakSelectorsToGrid(); // apply page break with header
			callExport(); // export to PDF
		}

		//loop the grid elements and add page break selectors and also clone the headers
		//you can modify further as needed, for example, just addClass to certain row elements
		function addPageBreakSelectorsToGrid(itemsPerPage) {
			var grid = $find("<%=RadGrid1.ClientID%>");
			var items = grid.get_masterTableView().get_dataItems();
			var totalHeight = 0
			for (var i = 1; i < items.length; i++) {
				var rowHeight = items[i - 1].get_element().getBoundingClientRect().height;
				totalHeight = totalHeight + rowHeight;

				if (totalHeight > 700) { // if the height exceeds the page height, add a pagebreak
					totalHeight = 0;
					//add a page break every nth item, you can use the original page size here if you like
					var breakRow = '<tr class="pageBreak">';
					//clone the header so the subsequent pages show a header to the consumer
					for (var j = 0; j < grid.get_masterTableView().get_columns().length; j++) {
						breakRow += '<td class="rgHeader">' + grid.get_masterTableView().get_columns()[j].get_uniqueName() + '</td>';
					}
					breakRow += '</tr>';
					$telerik.$(breakRow).insertAfter(items[i-1].get_element());
				}
			}
		}

		//used only for when paging will be disabled so all data will be rendered
		//NOTE: this can deteriorate performance significantly, use such an approach only if you don't have a lot of data
		function disablePagingAndExport(sender, args) {
			$find("<%=RadAjaxManager.GetCurrent(Page).ClientID%>").ajaxRequest("disablePaging");
		}

		function enablePaging() {
			$find("<%=RadAjaxManager.GetCurrent(Page).ClientID%>").ajaxRequest("enablePaging");
		}


		function performExport() {
			Sys.Application.remove_load(performExport); // unbind the method from the page load event.

			addPageBreakSelectorsToGrid(); // apply page break with header
			callExport(); // call the ExportPDF
		}
	</script>
</telerik:RadCodeBlock>