0

我有一个 CRUD 生成的创建表单：

<div class="create-form">
    <h:form>
        <h:inputText id="name" value="#{pointController.selected.name}" title="#{bundle.CreatePointTitle_name}" required="true" />

        <h:inputText id="term" value="#{pointController.selected.term}" title="#{bundle.CreatePointTitle_term}" required="true" />

        <p:commandButton styleClass="btn" action="#{pointController.create}" value="#{bundle.CreatePointSaveLink}" />
    </h:form>
</div>
<button>add new form</button>

我有一个按钮，如果单击它，它将使用 javascript 创建另一个与上面相同的表单。(2 inputText, name and term)

我的目标是，使用 2 个或更多表单，具体取决于用户想要多少表单，单击 1 个 commandButton 会将所有内容插入数据库中。

例子：

first form: name = first form test, term = first form testterm
2nd form: name = 2nd form test, term= 2nd form testterm

单击命令按钮后

2 行将被插入到数据库的同一个表中。

但我不确定这个页面的结构是什么。

4

1 回答 1

1

您不能使用 JSF 组件在一个请求中从多个表单发送数据，您应该序列化所有数据并手动发送。最好有一个List<Item>，每次单击按钮时，它都会在列表中创建一个新项目并更新一个UIContainer将显示列表项目的项目。

这将是上述的一个开始示例：

@ManagedBean
@ViewScoped
public class ItemBean {
    private List<Item> lstItem;

    public ItemBean() {
        lstItem = new ArrayList<Item>();
        addItem();
    }
    //getters and setter...

    public void addItem() {
        lstItem.add(new Item());
    }

    public void saveData() {
        //you can inject the service as an EJB or however you think would be better...
        ItemService itemService = new ItemService();
        itemService.save(lstItem);
    }
}

JSF 代码（<h:body>仅内容）：

<h:form id="frmItems">
    <h:panelGrid id="pnlItems">
        <ui:repeat value="#{itemBean.lstItem}" var="item">
            Enter item name
            <h:inputText value="#{item.name}" />
            <br />
            Enter item description
            <h:inputText value="#{item.description}" />
            <br />
            <br />
        </ui:repeat>
    </h:panelGrid>
    <p:commandButton value="Add new item" action="#{itemBean.addItem}"
        update="pnlItems" />
    <p:commandButton value="Save data" action="#{itemBean.saveData}" />
</h:form>
于 2013-02-27T04:33:18.780 回答