2

Primefacesを使用してラベル付きの動的入力テキストフィールドを作成しようとしています。
追加ボタンをクリックした場合と同様に、ラベルと入力テキストフィールドを追加し続ける必要があります。
どのコンポーネントを使用できますか?ありがとう。

4

1 に答える 1

5

これには、Beanと<h:dataTable>組み合わせて使用​​できます。@ViewScoped

例えば

<h:form>
    <h:dataTable id="inputs" value="#{bean.inputs}" var="input">
        <h:column>
            <p:outputLabel for="input" value="#{input.label}" />
        </h:column>
        <h:column>
            <p:inputText id="input" value="#{input.value}" />
        </h:column>
    </h:dataTable>
    <p:commandButton value="Add" action="#{bean.add}" update="inputs" />
</h:form>

@ManagedBean
@ViewScoped
public class Bean implements Serializable {

    private List<Input> inputs;

    @PostConstruct
    public void init() {
        inputs = new ArrayList<Input>();
    }

    public void add() {
        Input input = new Input();
        input.setLabel("Input " + (inputs.size() + 1));
        inputs.add(input);
    }

    public List<Input> getInputs() {
        return inputs;
    }

}

public class Input {

    private String label;
    private String value;

    public String getLabel() {
        return label;
    }

    public void setLabel(String label) {
        this.label = label;
    }

    public String getValue() {
        return value;
    }

    public void setValue(String value) {
        this.value = value;
    }

}

もちろん、を使用することもできますが、<p:dataTable>これは、この特定のユースケースでは不要と思われる派手な外観と感触を追加するだけです。

参照:

于 2012-08-09T13:13:41.317 に答える