// Visualize: Change table column sorting order (5.6) visualize({ auth: { name: "superuser", password: "superuser" } }, function (v) { var report = v.report({ resource: "/public/Samples/Reports/5g.AccountsReport", container: "#container", error: showError }); $("#sortAsc").on("click", function () { report.updateComponent("name", { sort: { order: "asc" } }) .fail(showError); }); $("#sortDesc").on("click", function () { report.updateComponent("name", { sort: { order: "desc" } }) .fail(showError); }); $("#sortNone").on("click", function () { report.updateComponent("name", { sort: {} }).fail(showError); }); function showError(err) { alert(err); } });
<!-- Visualize: Change table column sorting order (5.6) --> <script type='text/javascript' src="http://code.jquery.com/jquery-2.1.0.js"></script> <script type='text/javascript' src="http://underscorejs.org/underscore-min.js"></script> <script type='text/javascript' src="http://localhost:8080/jasperserver-pro/client/visualize.js"></script> <button id="sortAsc">Sort NAME column ASC</button> <button id="sortDesc">Sort NAME column DESC</button> <button id="sortNone">Resert NAME column</button> <div id="container"></div>