如何按列而不是按行（转置数据）输出primefaces DataGrid组件的数据？答案

【问题标题】：How to output data of primefaces DataGrid component by columns instead of by rows (transpose data)?如何按列而不是按行（转置数据）输出primefaces DataGrid组件的数据？
【发布时间】：2014-05-12 23:24:03
【问题描述】：

Primefaces 5.0 中有一个 DataGrid 组件。它显示按行拆分的输入数据。如何显示按列拆分的数据？

A B C       A D G
D E F  -->  B E H 
G H         C F

【问题讨论】：

关于 -1 问题的任何问题？或者更好地提出答案。

标签： jsf primefaces datagrid

【解决方案1】：

我在 Primefaces 的 DataGrid 组件中转置数据的解决方案是覆盖 DataGridRenderer 类的 encodeTable() 方法。

@Override
protected void encodeTable(FacesContext context, DataGrid grid) throws IOException {
    ResponseWriter writer = context.getResponseWriter();

    int columns = grid.getColumns();
    int firstRowIndex = grid.getFirst();
    int rowIndex = firstRowIndex;
    int rows = grid.getRows();
    int itemsToRender = rows != 0 ? rows : grid.getRowCount();
    int numberOfRowsToRender = (itemsToRender + columns - 1) / columns;

    String transpose = (String) grid.getAttributes().get("transpose");
    boolean isTranspose = transpose != null ? Boolean.valueOf(transpose) : false;

    writer.startElement("table", grid);
    writer.writeAttribute("class", DataGrid.TABLE_CLASS, null);
    writer.startElement("tbody", null);

    for (int i = 0; i < numberOfRowsToRender; i++) {

        writer.startElement("tr", null);
        writer.writeAttribute("class", DataGrid.TABLE_ROW_CLASS, null);

        for (int j = 0; j < columns; j++) {
            writer.startElement("td", null);
            writer.writeAttribute("class", DataGrid.TABLE_COLUMN_CLASS, null);

            if (isTranspose) {
                writer.writeAttribute("style", String.format("width: %d%%;", 100 / columns), null);
            }

            grid.setRowIndex(isTranspose ? numberOfRowsToRender * j + i + firstRowIndex : rowIndex);

            if (grid.isRowAvailable()) {
                renderChildren(context, grid);
            }
            rowIndex++;

            writer.endElement("td");
        }
        writer.endElement("tr");
    }

    grid.setRowIndex(-1);    //cleanup

    writer.endElement("tbody");
    writer.endElement("table");
}

并在faces-config.xml中注册Renderer元素：

<render-kit>
    <renderer>
        <component-family>org.primefaces.component</component-family>
        <renderer-type>org.primefaces.component.DataGridRenderer</renderer-type>
        <renderer-class>org.primefaces.component.datagrid.TransposableDataGridRenderer</renderer-class>
    </renderer>
</render-kit>

现在我可以为<p:dataGrid> 标签指定transposable="true" 属性。即使在最后一页上没有足够的数据覆盖所有列，该代码也“修复”样式表以使每页具有相同数量的列。

【讨论】：