Блог

Я использую Bootstrap 3 в Jsf.

У меня есть форма внутри модального диалогового окна 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?

Любая помощь очень ценна.

Спасибо

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

Возьмите командную ссылку, которая не отправляет форму автоматически, если вы используете вызов ajax для обновления данных. Метод SaveOrder добавляет ваш продукт и после вызова контроллера. Render обновляет ваш HTML-код в форме.