Как использовать опцию jsf 2.0 f: ajax для отображения всплывающего окна

Question

   <div class="staff_ActionListTable">
    <h:panelGroup id="imccomponent">
        <div class="scroll-pane2Container">
            <div class="scroll-pane2" id="pane2">
                <div class="actionInnerTable">

                    <ui:repeat var="action" value="#{immediateActionListController.actionList}" varStatus="status">
                        <h:panelGroup rendered="#{status.even}">
                            <!--Update button-->
                            <h:commandButton  image="updateBtn.gif" value="Update1">
                                <f:ajax event="click" execute=":pp1" render=":pp1" listener="#{immediateActionListController.loadEditableActionComponent}" onevent="im_action_popupopener"/>
                                <f:param value="#{action.taskId}" name="immediateTaskIdForEdit">
                                </f:param>
                            </h:commandButton>
                        </h:panelGroup>
                    </ui:repeat>

                </div>
            </div>
        </div>
    </h:panelGroup>
</div>

<!--Add button-->
<div class="staffMember_ButtonContainer">
    <h:commandButton  image="addImmediateActionBtn.gif">
        <f:ajax event="click" execute="imccomponent" render="imccomponent" listener="#{immediateActionListController.loadAddActionPopUp}" onevent="action_im_add_popupopener"/>
    </h:commandButton>
</div>

<h:panelGroup id="pp1">
    <!--Popup1 start: Add Action-->
</h:panelGroup>

Мой код такой же, как и выше, я хочу привязать определенные значения для всплывающего окна 'pp1', когда я нажимаю кнопку updateBtn. Это означает, что я хочу визуализировать только ту часть всплывающего окна, а затем указать, как мне следует указать параметр execute, render для этого (у меня есть попытка с execute = ": pp1" render = ": pp1", но она не работает). Спасибо

Answer 1

Ваш execute не так.Вам нужно выполнить саму кнопку, а не цель рендеринга.

<f:ajax execute="@this" render=":pp1" listener="#{immediateActionListController.loadEditableActionComponent}" onevent="action_im_add_popupopener"/>

В противном случае слушатель никогда не вызывается.Обратите внимание, что я удалил event="click", поскольку он уже используется по умолчанию.

Answer 2

Вы можете добавить iframe, а также добавить css для режима показа всплывающих окон и использовать все случаи навигации. это простой образец.

Когда навигация по случаю в порядке, и у компонента есть целевой атрибут, эта навигация по случаю toViewId будет отображаться в iframe (в panelFrame), и до тех пор, пока переход по страницам iframe к parentViewId, этот iframe не закроется и не вернется к родительской странице

источник https://github.com/yracnet/hiska-HskFrame/