// Visualize: Pagination (Next/Previous) (5.6) visualize({ auth: { name: "superuser", password: "superuser" } }, function (v) { var report = v.report({ resource: "/public/Samples/Reports/AllAccounts", container: "#container" }); $("#previousPage").click(function() { var currentPage = report.pages() || 1; report .pages(--currentPage) .run() .fail(function(err) { alert(err); }); }); $("#nextPage").click(function() { var currentPage = report.pages() || 1; report .pages(++currentPage) .run() .fail(function(err) { alert(err); }); }); });
<!-- Visualize: Pagination (Next/Previous) (5.6) --> <script type='text/javascript' src="http://code.jquery.com/jquery-2.1.0.js"></script> <script type='text/javascript' src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script> <button id="previousPage">Previous Page</button><button id="nextPage">Next Page</button> <div id="container"></div>