25

在 JSF 数据表中，我想在行旁边显示行索引......比如：

Column A    Column B
1           xxx
2           yyy

我认为我可以使用像 #{rowIndex} 这样的隐式 el 变量，但这不起作用。

我找到的一个解决方案是为数据表创建一个绑定并使用如下绑定：

<h:dataTable var="item" value="#{controller.items}" binding="#{controller.dataTable}">
    <h:column>#{controller.dataTable.rowIndex}</h:column>
    <h:column>value</h:column>
</h:dataTable>

但是当我在一个页面中有许多嵌套的数据表时，这个解决方案很复杂并且不能很好地工作。

关于如何以更好的方式解决这个问题的任何想法？

4

6 回答 6

27

此解决方案由 Jamie Williams 在CodeRanch上发布。他说它适用于战斧。我正在使用 primefaces，它也支持它。

<t:dataTable rowIndexVar="row" value="#{someBean.value}">  
    <h:column>  
        <h:outputText value="#{row + 1}"/>  
    </h:column>  
</t:dataTable>
于 2011-07-21T12:55:41.590 回答
17

现有的解决方案对我来说并不坏。只要您引用嵌套表的模型，rowIndex 就应该在嵌套表中工作。

    <h:dataTable border="1" value="#{nestedDataModel}" var="nested">
        <h:column>
            <h:dataTable border="1" value="#{nested}" var="item">
                <h:column>
                    <h:outputText value="#{nested.rowIndex}" />
                </h:column>
                <h:column>
                    <h:outputText value="#{item}" />
                </h:column>
            </h:dataTable>
        </h:column>
    </h:dataTable>

样品型号：

public class NestedDataModel extends DataModel implements Serializable {

    private List<List<String>> nestedDataModel = populateModel();
    private int index;

    private List<List<String>> populateModel() {
        List<List<String>> list = new ArrayList<List<String>>();
        for(int x=0; x<3; x++) {
            List<String> nestedTableData = new ArrayList<String>();
            for(int y=0; y<3; y++) {
                nestedTableData.add("Foo x="+x+" y="+y);
            }
            list.add(nestedTableData);
        }
        return list;
    }

    @Override
    public int getRowCount() {
        return nestedDataModel.size();
    }

    @Override
    public Object getRowData() {
        List<String> list = nestedDataModel.get(index);
        return new ListDataModel(list);
    }

    @Override
    public int getRowIndex() {
        return index;
    }

    @Override
    public Object getWrappedData() {
        return nestedDataModel;
    }

    @Override
    public boolean isRowAvailable() {
        return index >= 0 && index < nestedDataModel.size();
    }

    @Override
    public void setRowIndex(int arg0) {
        index = arg0;
    }

    @Override
    public void setWrappedData(Object arg0) {
        throw new UnsupportedOperationException();
    }

}

通常应避免嵌套 dataTables - 如果您不小心（例如，使它们成为表单的子级），这可能导致提交时生命周期的每个阶段的表子级传递 O(N^2) （并且生命周期中有 6 个阶段）。

对于模型外部的东西，您可以在托管 bean 中使用一个简单的计数器：

public class RowCounter implements Serializable {

    private transient int row = 0;

    public int getRow() {
        return ++row;
    }

}

配置：

<managed-bean>
    <managed-bean-name>rowCounter</managed-bean-name>
    <managed-bean-class>tablerows.RowCounter</managed-bean-class>
    <managed-bean-scope>request</managed-bean-scope>
</managed-bean>

看法：

<f:view>
    <h:dataTable border="1" value="#{tableDataBean.tableDataModel}"
        var="rowBean">
        <h:column>
            <h:outputText value="#{rowCounter.row}" />
        </h:column>
        <h:column>
            <h:outputText value="#{rowBean}" />
        </h:column>
    </h:dataTable>
</f:view>

这是有效的，因为 bean 是请求范围的，并且绑定到表单外的只读控件。除非您希望行计数器对视图是全局的，否则它在嵌套数据表中不起作用。但是，我不相信行索引应该是视图的函数。

对于嵌套数据表，最好从行 bean 提供行索引。如果您也决定对数据集进行分页等操作，它会给您更多的控制权。

于 2008-11-18T12:35:29.890 回答
7

在 RichFaces 中有一个类似于 Brent 的解决方案：

<rich:dataTable value="#{backingBean.list}" var="v" rowKeyVar="index">
    <rich:column>
        <f:facet name="header">Index</f:facet>
        <h:outputText value="#{index + 1}" />
    </rich:column>
    <rich:column>
        <f:facet name="header">Name</f:facet>
        <h:outputText value="#{v.name}" />
    </rich:column>
</rich:dataTable>
于 2014-06-20T11:28:32.803 回答
4

这对我有用

<h:dataTable var="item" value="#{controller.items}">
    <h:column>#{controller.items.indexOf(item)}</h:column>
    <h:column>value</h:column>
</h:dataTable>
于 2016-04-26T12:27:44.510 回答
3

我只是依赖列表和 var 在此列表中的位置：

<h:column>
          <f:facet name="header">#</f:facet>
          #{bean.listValue.indexOf(varObject)+1}
</h:column>
于 2017-07-18T12:48:40.663 回答
1

自 JSF 2.0（2009 年推出）以来UIComponent，视图中的当前实例可通过隐式 EL 变量获得#{component}。另请参阅EL 中的 #{component} 到底是什么？

该<h:dataTable>标签由UIData实现NamingContainer. 所以，#{component.namingContainer} 在上下文中的任何地方使用<h:dataTable>都会给你具体的UIData实例，通常是HtmlDataTable类的味道。

<h:dataTable value="#{['one', 'two', 'three']}" var="item">
    <h:column>This is the `UIData` component: #{component.namingContainer}</h:column>
</h:dataTable>

jakarta.faces.component.html.HtmlDataTable@cafebabe
jakarta.faces.component.html.HtmlDataTable@cafebabe
jakarta.faces.component.html.HtmlDataTable@cafebabe

该类UIData又具有该getRowIndex()方法，因此这应该足够了：

<h:dataTable value="#{['one', 'two', 'three']}" var="item">
    <h:column>Row index: #{component.namingContainer.rowIndex + 1}</h:column>
</h:dataTable>

1
2
3

请注意，它是从零开始的，因此+ 1.

不需要binding或第 3 方标签或任何自定义支持 bean 逻辑。

于 2021-11-09T17:20:47.223 回答