在 BIRT 报告中使用 header 在客户端对数据进行排序（使用 JavaScript）

Question

我想添加到 BIRT table 和交叉表控制以下功能：当我单击特定列的 header 时，数据会根据该列升序排序或降序。

我发现 this trick 使用参数在服务器端对数据进行排序，但我不想在服务器端进行排序。但是，我想在客户端最好使用 JavaScript.

拜托，有什么提示吗？

Answer 1

通常我为此嵌入Datatables。它简单、强大并且有很好的文档。

您可以访问 BIRT table with Datatable here 的现场演示。如您所见，所有钻取超链接操作和样式都保持不变。

基本上我们需要在报表末尾添加一个HTML文本，将类型设置为"HTML"并在脚本中加载jquery和数据table使用 "head.js" 标记。例如：

<script>

head.load("//cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css","//cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js",function(){
    console.log("DataTables framework loaded...");
    $("#myTableID").DataTable();  //"myTableID" should be the bookmark of the table
    console.log("Interactive table is ready!"); 
});

</script>

使用 BIRT 书签属性为 table 设置一个 ID。请注意，如果您的 BIRT 发射器未在 HTML table 内生成 "thead" 标记（只需检查 html 输出以查看是否生成了 thead 标记），您需要通过脚本修复它：在调用 "DataTable()" 函数之前，使用 jquery 将 "tbody" 下的第一行移动到 "thead" 标记中。的确，它需要一点 javascript 知识，但如您所见，这将是非常值得的！

在 BIRT 报告中使用 header 在客户端对数据进行排序（使用 JavaScript）

Use header in BIRT report to sort data at the client side (with JavaScript)

javascript

sorting

birt