DataTable, содержащий inputText: возможно с JSF пользовательского компонента

голоса
9

Я новичок в JSF и для приложения я woriking на я, чтобы сделать форму множественного ввода поля.

В нескольких словах, пользователь должен иметь inputText, когда он вводит свои данные и кнопки, которые добавить новый входной текст для того, чтобы ввести другие данные «добавить». Когда пользователь будет сделано, он нажимает другую кнопку отправки. Я искал что-то уже сделано, но я ничего не нашел, поэтому я решил создать свой собственный пользовательский компонент JSF

Идея состояла в том, чтобы создать компонент, сочетающий в себе DataTable, содержащий inputText для каждой строки в DataTable, плюс кнопку, которая добавление строки в коллекцию связанного приложения к DataTable.

Я просматривал Jsf документации и книг, но я немного запутался, и я не уверен, если это возможно, чтобы создать такой компонент ... Может кто-нибудь мне помочь? ТИА

Задан 10/12/2008 в 11:22
источник пользователем
На других языках...                            


1 ответов

голоса
12

Можно делать все, что вы хотите.


Вы можете создать что-то близкое к тому, что вы хотите использовать существующие элементы управления. Хороший способ, чтобы получить максимальную отдачу от JSF является адаптировать модель для представления. Например, этот вид отображает изменить параметры, которые позволяют добавлять значения в таблицу данных.

<f:view>
    <h:form>
        <h:dataTable value="#{people.list}" var="row">
            <h:column>
                <f:facet name="header">
                    <h:outputText value="#" />
                </f:facet>
                <h:selectBooleanCheckbox value="#{row.selected}" />
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="First Name" />
                </f:facet>
                <h:inputText value="#{row.firstname}" />
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Last Name" />
                </f:facet>
                <h:inputText value="#{row.lastname}" />
            </h:column>
            <f:facet name="footer">
                <h:panelGroup>
                    <h:commandButton value="Add Row" action="#{people.addPerson}" />
                    <h:commandButton value="Delete Selected"
                        action="#{people.deleteSelected}" />
                    <h:commandButton value="Finish" action="#{people.finish}" />
                </h:panelGroup>
            </f:facet>
        </h:dataTable>
    </h:form>
</f:view>

Люди боб:

public class People implements Serializable {

    private static final long serialVersionUID = 1L;

    private List<Person> people = new ArrayList<Person>();

    public People() {
        // initialise with one entry
        people.add(new Person());
    }

    public List<Person> getList() {
        return people;
    }

    public String addPerson() {
        people.add(new Person());
        return null;
    }

    public String deleteSelected() {
        Iterator<Person> entries = people.iterator();
        while (entries.hasNext()) {
            Person person = entries.next();
            if (person.isSelected()) {
                entries.remove();
            }
        }
        return null;
    }

    public String finish() {
        System.out.println(people);
        return "someNavigationRule";
    }

}

Человек боб:

public class Person implements Serializable {

    private static final long serialVersionUID = 1L;

    private String firstname;
    private String lastname;
    private transient boolean selected = false;

    public String getFirstname() {
        return firstname;
    }

    public void setFirstname(String firstname) {
        this.firstname = firstname;
    }

    public String getLastname() {
        return lastname;
    }

    public void setLastname(String lastname) {
        this.lastname = lastname;
    }

    public boolean isSelected() {
        return selected;
    }

    public void setSelected(boolean selected) {
        this.selected = selected;
    }

}

лица-config.xml:

<managed-bean>
    <managed-bean-name>people</managed-bean-name>
    <managed-bean-class>addmultiple.People</managed-bean-class>
    <managed-bean-scope>session</managed-bean-scope>
</managed-bean>

Такой подход является достаточно гибким и с некоторыми CSS, может выглядеть довольно хорошо. С некоторыми изменениями зрения и моделью, вы можете иметь только последнюю строку редактирования, например.


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

  1. Новый рендерер для излучения HTML и формы декодирования запросов.
  2. (Может быть) новый компонент , возможно расширение UIData и конкретная форма для экспонирования RenderKit-специфического (например , HTML) атрибуты.
  3. Новый JSP тег класса для обеспечения возможности управления , которые будут использоваться в JSPs.
  4. Определения для всего вышеперечисленного в гранях-config.xml (см спецификацию ).
Ответил 10/12/2008 в 17:50
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more