Отображать условное всплывающее окно в JSF

Вы не указали четко, хотите ли вы добавить логику (которую вы хотите оценить) на внешней или внутренней стороне. Если оценку можно легко выполнить на стороне внешнего интерфейса, используйте событие onclick в <h:commandButton>, как показано ниже.

<script>

function evaluateCondition(){
    if (conditionEvaluation){
        alert("Message for POP UP");
        return false;
    }
    return false;
}
    
</script>

<h:commandButton
onclick = "javascript: return evaluateCondition();"
action = "#{bean.doSomething} />

Или, если ваше условие должно быть оценено на внутренней стороне, вы можете добавить метод в компонент, который будет выполняться перед вашим doSomething().

P.S.

Хорошо, если вы хотите добавить проверку условий на внутренней стороне, вот объяснение и код для нее:

1. Во-первых, всплывающее окно будет скрыто с помощью свойства display: none. Когда при нажатии кнопки отправки она вызывает свой метод прослушивателя AssessmentCondition в компоненте.
2. Этот метод оценит состояние и обновит ConditionMet. логическая переменная.
3. Когда AssessmentCondition завершит выполнение, он отобразит ConditionMet и всплывающие элементы интерфейса для получения последних обновлений значение переменной ConditionMet из компонента.
4. Функция javascript handleConditionCheck отобразит всплывающее окно укажите пользователю, что условие выполнено, и нажмите «ОК», чтобы выполнить сделать что-нибудь вроде боба.

Примечание. В зависимости от вашей версии jsf совместимость тегов может различаться.

JSF-код

<h:form id = "mainForm">
    <h:commandButton value = "Submit" id = "submitButton">
        <f:ajax execute = "@this" listener = "#{bean.evaluateCondition}" render = "conditionMet, popup" onevent = "handleConditionCheck" />
    </h:commandButton>
    
    <h:outputText id = "conditionMet" value = "#{bean.conditionMet}" style = "display:none;" />

    <h:panelGroup id = "popup" layout = "block" style = "display:none;">
        <h:panelGrid columns = "1">
            <h:outputText value = "Condition Evaluated to true! Click OK to proceed." />
            <h:commandButton value = "OK" action = "#{bean.doSomething}" onclick = "hidePopup();" />
        </h:panelGrid>
    </h:panelGroup>
</h:form>

<script type = "text/javascript">
    function handleConditionCheck(data) {
        if (data.status === 'success') {
            var conditionMet = document.getElementById("mainForm:conditionMet").innerText;
            if (conditionMet === 'true') {
                document.getElementById("mainForm:popup").style.display = 'block';
            } else { 
                // handle else part as per your requirement.
            }
        }
    }

    function hidePopup() {
        document.getElementById("mainForm:popup").style.display = 'none';
    }
</script>

Бин-код (JAVA)

public class Bean {

    private boolean conditionMet;

    public void evaluateCondition() {
        //Condition logic here
        conditionMet = /* assign the condition result */;
    }

    public boolean isConditionMet() {
        return conditionMet;
    }

    public void doSomething() {
        // Do Something logic
    }
}