Question

我想将数据从我的数据表导出到Excel。

我正在使用BootsFaces数据表（http://showcase.bootsfaces.net/forms/DataTable.jsf ），看起来如下（我为了简洁而将其剥离）：

<b:dataTable
   id="dossiers"
   value="#{bean.dossiers}"
   var="dossier">
       <b:dataTableColumn
         label="#{text['dossier.id']}"
         value="#{dossier.id}" />
       <b:dataTableColumn
         label="#{text['dossier.version']}"
         value="#{dossier.version}" />
</b:dataTable>

我尝试了两种方法：

1。第一种方法：Primefaces dataExporter

http://www.primefaces.org/showcase/ui/data/dataexporter/basic.xhtml

 <h:commandLink id="excel">
   <p:graphicImage name="img/excel.png" />
   <p:dataExporter
       type="xls"
       target="identities"
       fileName="dossiers" />
 </h:commandLink>

我添加了所有必需的依赖项（org.apache.poi）。 如果我使用PrimeFaces数据表，这是有效的，但我不喜欢这种外观，而是想使用BootsFaces。当我尝试它时，我得到以下异常：

javax.servlet.ServletException：不支持的数据源目标：“net.bootsfaces.component.dataTable.DataTable”，导出器必须以PrimeFaces DataTable为目标

2。第二种方法：DataTables.net customOptions

BootsFaces数据表基于jQuery插件DataTables.net。 BootsFaces数据表没有实现所有jQuery选项，但是，您可以使用 customOptions 属性手动添加这些选项。

您可以将自定义选项传递给dataTable和每列。这些选项被添加到用于初始化的Json对象中数据表。

DataTables.net具有以下文件导出选项：

https://datatables.net/extensions/buttons/examples/initialisation/export.html

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    } );
} );

所以现在我尝试在我的数据表中添加这个数据导出选项，如下所示：

<b:dataTable
   id="dossiers"
   value="#{bean.dossiers}"
   var="dossier"
   customOptions="dom: 'Bfrtip', buttons: ['excel']"> // **ADDED HERE**
       <b:dataTableColumn
         label="#{text['dossier.id']}"
         value="#{dossier.id}" />
       <b:dataTableColumn
         label="#{text['dossier.version']}"
         value="#{dossier.version}" />
</b:dataTable>

不幸的是，这也行不通。我的数据表仍然显示，但字面上所有选项现在已经消失（不再有分页，没有更多的搜索栏等）。

无论有没有额外的数据表BUTTONS依赖，我都尝试了它。

<dependency>
   <groupId>org.webjars.npm</groupId>
   <artifactId>datatables.net-buttons</artifactId>
   <version>1.2.2</version>
</dependency>

有没有人对如何从BootsFaces数据表导出数据有任何建议？

我对此表示永远的感激之情！

编辑：解决方案

我使用了标准数据表，并自己添加了功能，正如Stephan Rauh（来自Bootsfaces）所建议的那样。

重要提示：为了使其工作，请使用类作为选择器，而不是id !!

<h:dataTable                                        
    value="#{bean.dossiers}"
    var="dossier"
    styleClass="dossiers"> <!--class is used as selector-->
        <h:column>
            <f:facet name="header">
               <h:outputText value="#{text['dossier.id']}" />
            </f:facet>
                <h:outputText value="#{dossier.id}" />
        </h:column>
        <h:column>
            <f:facet name="header">
               <h:outputText value="#{text['dossier.version']}" />
            </f:facet>
                <h:outputText value="#{dossier.version}" />
        </h:column>
<h:dataTable>

在我的文件的头部：

<!-- Add all the required script sources, see: https://datatables.net/extensions/buttons/examples/initialisation/export.html -->
<script type="text/javascript">
    $(document).ready(function() {
        $('.dossiers').DataTable( {
             dom: 'Bfrtip',
             buttons: [
                 'copy', 'csv', 'excel', 'pdf'
             ]     
        } );
    } );
</script>

Answer 1

目前，b:dataTable中没有导出功能。这包括当前版本0.9.1和即将发布的版本1.0。

但是，您应该能够自己添加这样的功能。你的第二种方法很有希望。 b:dataTable基于Datatables.net上托管的数据表。反过来，此小部件具有添加CSV，PDF和Excel导出的扩展名。目前，我们没有将此扩展程序包含在BootsFaces中，因此您必须自己添加相应的JavaScript文件。以下是DataTables.net导出器API的说明：https://datatables.net/extensions/buttons/examples/initialisation/export.html。

Answer 2

Bootsfaces现在可以将数据表导出到excel（xlsx）。

<b:dataTable value="#{carPool.carPool}" var="car" excel="true"...

https://showcase.bootsfaces.net/forms/DataTable.jsf#buttons_and_row_classes

如何将Bootsfaces数据表导出到Excel

1。第一种方法：Primefaces dataExporter

2。第二种方法：DataTables.net customOptions

2 个答案: