h : 명령 단추가 양식을 제출하지 못하도록

그림과 같이 양식과 두 개의 명령 단추가 포함되어 있습니다.h : 명령 단추가 양식을 제출하지 못하도록

<h:commandButton label="Submit" type="button" 
    image="resources/images/Save4.jpg" 
    actionListener="#{userController.createNewUser()}" /> 

<h:commandButton label="Home" 
    image="resources/images/Save4.jpg" 
    action="/index.jsf?faces-redirect=true" />

홈 버튼을 클릭하면 index.jsf로 리디렉션되지만 양식 제출이 발생합니다. 나는 UI Distortion을 일으키기 때문에 홈 명령을 다른 폼 태그에 넣고 싶지 않습니다. 탈퇴를 제안하십시오.

출처

2014-01-20 Manish Kumar Thakur

이렇게하려면 또는 을 사용해야합니다. – Ioan

탐색을 위해 POST를 사용하는 것은 좋지 않은 생각입니다. 대신 다음과 같이 사용하십시오.

<h:button label="Home" image="..." outcome="/index" />

출처

2014-01-20 12:25:54 mabi

감사합니다 ... 그 일 .. 나는 우리가 그렇게 많은 방법을 가지고 있다는 것을 몰랐습니다. –

이것은 SEO 친화적이지 않습니다. 탐색은 HTML 대신 JavaScript로 수행됩니다. 검색 봇은 일반적으로 자바 스크립트 코드를 칩 처리하거나 추적하지 않습니다. – BalusC

명령 단추는 전체 POST 양식을 제출합니다. 일반적인 페이지 간 탐색을위한 잘못된 도구입니다. SEO 친화적 인 것도 아닙니다 (검색 봇은 POST 양식을 색인하지 않습니다).

유일한 기능 요구 사항에 클릭 가능한 이미지가있어 다른 페이지로 이동해야하는 경우 <h:link><h:graphicImage>을 사용하십시오.

<h:link outcome="/index.jsf"> 
    <h:graphicImage name="images/Save4.jpg" /> 
</h:link>

출처

2014-01-20 13:10:13 BalusC

감사합니다. 친애하는 .. 그것은 작동합니다. –

h : 명령 단추가 양식을 제출하지 못하도록

답변

관련 문제