如何在 Jsf 中的 Bootstrap 模态对话框中使用按钮

Question

我在 Jsf 中使用 Bootstrap 3。

我在 Boostrap 模态对话框中有一个表单。当我单击对话框内的添加按钮时，对话框关闭并且无法添加产品。但它不会给出任何错误。我没有使用任何其他 JSF，例如 icefaces 或 primefaces。

这是我的代码块：

 <button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal"></button>
<div class="modal fade" id="myModal" role="dialog" tabindex="-1" aria-hidden="true">
<div class="modal-dialog ">

    <div class="modal-content">
        <div class="modal-footer">
            <h:form role="form">

                <div class="form-group">
                    <h:inputText value="#{stockBean.stock.stokName}"  class="form-control" id="product" required="true"/>

                    <h:inputText value="#{stockBean.stock.code}"  class="form-control" id="kod" required="true"/>

                    <h:selectOneMenu value="#{stockBean.stock.type}" converter="#{typeConverter}" class="form-control">
                        <f:selectItems value="#{typeBean.typeList}" var="t"  itemLabel="#{t.typeName}" itemValue="#{t}" />
                    </h:selectOneMenu>

                    <h:commandButton action="#{stockBean.addStock}" class="btn btn-primary" value="ADD"/>
                </div>
            </h:form>
        </div>
    </div>
</div>

我的问题：如何在 Boostrap modal diolag 中添加产品？

非常感谢任何帮助。

谢谢

Answer 1

<h:commandLink class="btn btn-danger"                                    
            value="fertig stellen"
            action="#{orderControllerBean.saveOrder}">
            <f:ajax execute="@form" render="@form"/>
</h:commandLink>

如果您使用 ajax 调用来更新数据，请使用不会自动提交表单的命令链接。 saveOrder 方法在控制器调用之后添加您的产品。渲染更新您的 html 表单。

如何在 Jsf 中的 Bootstrap 模态对话框中使用按钮

How to work button inside Bootstrap modal dialog in Jsf

xhtml

jsf

jsf-2

twitter-bootstrap

bootstrap-modal