Как отобразить индекс строки в таблице данных JSF

В таблице данных JSF я хочу отображать индекс строки рядом со строками ... например:

Column A    Column B
1           xxx
2           yyy

Я думал, что могу использовать неявную переменную el, например # {rowIndex}, но это не работает.

Решение, которое я нашел, - создать привязку для таблицы данных и использовать привязку, например:

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

но это решение сложное и не работает, когда у меня много вложенных таблиц данных на странице.

Есть идеи, как решить эту проблему лучше?

См. [stackoverflow.com/questions/14633008/…. Этот ответ новее, чем приведенный ниже, также короткий и приятный.

fr13d 02.10.2015 19:12
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
25
1
82 423
5
Перейти к ответу Данный вопрос помечен как решенный

Ответы 5

Ответ принят как подходящий

Существующее решение не кажется мне плохим. 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();
    }

}

Как правило, следует избегать вложения таблиц данных - если вы не будете осторожны (например, сделаете их дочерними элементами формы), это может привести к передаче O (N ^ 2) дочерних таблиц для каждой фазы жизненного цикла при отправке (и в жизненном цикле 6 фаз).


Для чего-то, что является внешним по отношению к модели, вы можете использовать простой счетчик в управляемом компоненте:

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-компонент находится в области запроса и привязан к элементу управления только для чтения вне формы. Это не будет работать во вложенной таблице данных, если вы не хотите, чтобы счетчик строк был глобальным для представления. Но тогда я не уверен, что индекс строки должен быть функцией представления.

Для вложенной таблицы данных лучше предоставить индекс строки из строкового компонента. Это дает вам больше контроля, если вы решите делать такие вещи, как разбиение на страницы по наборам данных.

Хороший. Почему так сложно получить номер строки из JSF datatable? Люди, поддерживающие JSF, ненавидят всех других разработчиков и намеренно пытаются усложнить задачу?

Mr. Lance E Sloan 11.10.2012 23:57

Это решение было опубликовано Джейми Уильямсом на CodeRanch. Он говорит, что с Томагавком работает. Я использую праймфейс, который тоже его поддерживает.

<t:dataTable rowIndexVar = "row" value = "#{someBean.value}">  
    <h:column>  
        <h:outputText value = "#{row + 1}"/>  
    </h:column>  
</t:dataTable>

Комментарий Урсулы: «Спасибо за решение с использованием rowIndexVar. Я использую JSF 1.2 и myFaces, работает только без пробелов в строке + 1 <h:outputText value = "#{row+1}"/>»

Peter O. 23.02.2012 11:16

В RichFaces есть решение, похожее на решение Брента:

<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>

Это сработало для меня

<h:dataTable var = "item" value = "#{controller.items}">
    <h:column>#{controller.items.indexOf(item)}</h:column>
    <h:column>value</h:column>
</h:dataTable>

У этого решения есть проблема: оно работает только тогда, когда у вас есть соответствующий метод equals, иначе u всегда будет получать -1. А также каждый объект должен быть другим. Если у вас есть несколько одинаковых объектов в структуре данных, u всегда будет занимать первую позицию (если это список).

Christian Ullenboom 10.04.2019 15:40

Я просто зависим от списка и позиции var в этом списке:

<h:column>
          <f:facet name = "header">#</f:facet>
          #{bean.listValue.indexOf(varObject)+1}
</h:column>

Другие вопросы по теме