Как динамически добавить строку в таблицу в JSF? - PullRequest
Новая
       66

Как динамически добавить строку в таблицу в JSF?

7 голосов
/ 17 февраля 2010

В моем приложении мне нужно добавить строку нажатием кнопки, и эта кнопка будет во всех строках Нужна помощь, чтобы сделать это?

Класс изделия 

public class Item {
 public Item()
{

}
private String value;
public Item(String value) { this.value = value; }
public void setValue(String value) { this.value = value; }
public String getValue() { return value; }
}

Класс управления бобами 

public class MyMB 
{
private List<Item> list;    

public void addItem() { // JSF action method
    list.add(new Item("Default"));
    Iterator<Item> iterator = list.iterator();
    while(iterator.hasNext())
    {
        Item item = (Item)iterator.next();
        System.out.println(item.getValue());
    }
    System.out.println();
    }
/**
 * @return the list
 */
public List<Item> getList() {
    if(list==null)
    {
        loadList();
    }
    return list;
}
private void loadList() {
    list = new ArrayList<Item>();
    list.add(new Item("Data"));
}

}

код JSF 

<h:form>
   <rich:dataTable value="#{myMB.list}" var="item" id="tabel">
    <h:column><h:inputText value="#{item.value}" /></h:column>
    <h:column><a4j:commandButton value="Add"  actionListener="#{myMB.addItem}" reRender="tabel"/></h:column>

Ответы [ 2 ]

9 голосов
/ 17 февраля 2010

Все, что вам нужно сделать - это просто добавить пустой объект в модель данных за атрибутом value h:dataTable.

Но та же пустая строка должна быть сохранена и в следующем запросе. Если компонент поддержки имеет область запроса, то модель данных перезагружается без пустой строки. Это все должно работать, когда bean-компонент имеет сессионную область.

Далее, в вашем коде JSF есть несколько ошибок. Атрибут h:dataTable var отсутствует, а содержимое столбца должно находиться внутри h:column. 

<h:form>
    <h:dataTable value="#{bean.list}" var="item">
        <h:column><h:inputText value="#{item.value}" /></h:column>
    </h:dataTable>
    <h:commandButton value="Add" action="#{bean.add}"/>
</h:form>

Сеанс или область видимости * bean-компонент может выглядеть следующим образом: 

public class Bean {
    private List<Item> list;

    public Bean() {
        list = new ArrayList<Item>();
    }

    public void add() {
        list.add(new Item());
    }

    public List<Item> getList() {
        return list;
    }
}

Класс Item должен, конечно, иметь конструктор по умолчанию без аргументов. Обычно это уже неявно доступно, но если вы определяете свой собственный конструктор с аргументами, то он больше не доступен. Вам нужно будет явно определить его, иначе вы не сможете сделать Item item = new Item();. 

public class Item {

    private String value;

    public Item() {
        // Keep default constructor alive.
    }

    public Item(String value) {
        this.value = value;
    }

    // ...
}

Если вы предпочитаете оставлять компонент в области запроса , то вам нужно будет поддерживать количество вновь добавленных элементов, чтобы компонент мог сохранять то же количество при загрузке. 

public class Bean {
    private List<Item> list;
    private HtmlInputHidden count = new HtmlInputHidden();

    public Bean() {
        count.setValue(0);
    }

    public void add() {
        list.add(new Item());
    }

    public List<Item> getList() {
        if (list == null) loadList();
        return list;
    }

    public HtmlInputHidden getCount() {
        return count;
    }

    public void setCount(HtmlInputHidden count) {
        this.count = count;
    }

    private void loadList() {
        list = new ArrayList<Item>();

        // Preserve list with newly added items.
        for (int i = 0; i < (Integer) count.getValue(); i++) {
            list.add(new Item());
        }
    }
}

Вам нужно всего лишь добавить следующее к <h:form> страницы JSF: 

<h:inputHidden binding="#{bean.count}" converter="javax.faces.Integer" />

Для получения дополнительной информации об использовании таблиц данных любым способом вы можете найти эту статью полезной: Использование таблиц данных . Он также содержит файл WAR с множеством примеров как в запросе, так и в сеансе.

2 голосов
/ 17 февраля 2010

Взять эту таблицу в качестве примера: 

<h:datatable value="#{myBean.list}" ...>
    ...
    <h:column>
       <h:commandButton value="Add a row" action="#{myBean.addRow}"/>
    </h:column>
</h:datatable>

Метод myBean.addRow просто добавит новый элемент в ваш список: 

public class MyBean {

    private List<SomeClass> list;

    ...

    public List<SomeClass> getList() {
        return list;
    }

    public void addRow() {
        list.add(new SomeClass());
    }
}

Когда вы нажмете на кнопку, метод addRow добавит новый элемент в список . Страница обновится и отобразит таблицу с новой строкой.

Edit:

Что касается вашего почтового издания, три вещи:

Точка 1: Не могли бы вы прикрепить трассировку стека вашей ошибки?

Точка 2: Ваш метод addRow возвращает String, который является идентификатором, используемым JSF для навигации. Поскольку это действие не связано с какой-либо навигацией (т. Е. Пользователь остается на той же странице), просто верните null или "": 

public String addRow() {
    list.add(new Item("new data"));
    return null;
}

Точка 3: Я предлагаю вашему классу Item предоставить пустой конструктор (в дополнение к текущему конструктору): 

public Item() {
}
...