如何在Jsf中的Bootstrap模式对话框中工作按钮

时间:2016-10-14 05:09:39

标签: twitter-bootstrap jsf jsf-2 xhtml bootstrap-modal

我在Jsf中使用Bootstrap 3。

我在Boostrap模式对话框中有一个表单。当我单击对话框内的ADD按钮时,对话框正在关闭,无法添加产品。但它不会给出任何错误。我没有使用任何其他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模态二氧化物中添加产品?

任何帮助都非常值得赞赏。

由于

1 个答案:

答案 0 :(得分:0)

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

如果您使用ajax调用来更新数据,请使用commandlink,它不会自动提交表单。 saveOrder方法添加您的产品并在控制器调用之后。渲染更新表单中的html。