Предотвращение h: Commandbutton из формы отправки

Question

У меня есть форма и два встроенных в нее командных кнопок, как показано.

<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, но это приведет к отправке формы. Я не хочу помещать домашнюю команду в другой тег формы, так как это приведет к искажению пользовательского интерфейса. Пожалуйста, предложите выход.

Answer 1

Плохая идея использовать POST для навигации, во всяком случае. Вместо этого используйте примерно следующее:

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

Answer 2

Командная кнопка представляет всю форму POST. Это неправильный инструмент для простой навигации по страницам. Это не SEO дружественный (поисковые роботы не индексируют POST-формы).

Если единственное функциональное требование имеет кликабельное изображение, которое должно перейти на другую страницу, то просто используйте <h:link><h:graphicImage>.

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