기본 JavaScript HTML DOM 이벤트에서 JSF 관리 Bean을 어떻게 트리거할 수 있습니까?

네이티브 JavaScript를 사용하여 HTML DOM 이벤트에서 JSF 관리 Bean 호출

네이티브를 사용하여 HTML DOM 이벤트 중에 JavaServer Faces 관리 Bean 조작 JavaScript는 다양한 방법을 통해 구현될 수 있습니다. jQuery는 $(document).ready() 함수를 사용하여 쉬운 솔루션을 제공하지만 JSF는 프레임워크와 원활하게 통합되는 다양한 접근 방식을 제공합니다.

h:commandScript(JSF 2.3) 사용

구성 요소를 사용하면 jQuery와 같은 외부 라이브러리에 의존하지 않고 JavaScript 내에서 Bean 작업을 실행할 수 있습니다. autorun="true"를 설정하여 DOM 로드 이벤트 중에 수동 또는 자동으로 호출할 수 있는 JS 함수를 생성합니다. 예:

<h:form>
    <h:commandScript name="commandName" action="#{bean.action}" render=":results" autorun="true" />
</h:form>

p:remoteCommand(PrimeFaces)

PrimeFaces를 사용하면 해당 구성 요소와 원활하게 통합되는 구성 요소인 를 제공합니다. jQuery 기반 Ajax 엔진. 와 비교하면 jQuery를 사용하여 Ajax 요청을 실행합니다.

<h:form>
    <p:remoteCommand name="commandName" action="#{bean.action}" update=":results" autoRun="true" />
</h:form>

o:commandScript(OmniFaces)

사용 귀하의 애플리케이션이 OmniFaces를 활용하는 경우 동일한 기능을 제공하지만 이전 JSF 2.x 버전과 호환되는 를 사용합니다.

<o:form>
    <o:commandScript name="commandName" action="#{bean.action}" render=":results" autorun="true" />
</o:form>

숨겨진 양식 트릭

다른 것 옵션에는 명령 버튼이 포함된 양식이 페이지에 렌더링되지만 CSS를 사용하여 숨겨지는 "숨겨진 양식" 트릭이 포함됩니다. 버튼은 JavaScript의 onclick() 메서드를 사용하여 트리거할 수 있습니다.

<h:form>

document.getElementById("form:button").onclick();

Custom UIComponent

고급 시나리오의 경우 사용자 정의 UIComponent를 생성할 수 있습니다. JSF의 기본 jsf.ajax.request() 호출을 생성하는 UICommand를 확장합니다. 이 접근 방식은 Ajax 동작에 대한 완전한 사용자 정의 및 제어를 제공합니다.

위 내용은 기본 JavaScript HTML DOM 이벤트에서 JSF 관리 Bean을 어떻게 트리거할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!