TOC

Пример кнопки JSF 2 и commandButton

Пример кнопки JSF 2 и кнопки commandButton

В JSF 2.0 теги<h:button /> и<h:commandButton /> используются для визуализации элемента ввода HTML типа button с другим механизмом обработки навигации.

1. JSF h: пример commandButton

Тег «h:commandButton» выпущен начиная с JSF 1.x, вы можете объявить компонент, который возвращает результат навигации в атрибуте «action». Если браузер с отключенным JavaScript, навигация все еще работает, потому что навигация осуществляется через форму сообщения.

1. Кнопка Отправить 

//JSF


//HTML output

2. Кнопка сброса 

//JSF


//HTML output

3. Обычная кнопка 

//JSF


//HTML output

4. Обычная кнопка с событием onclick 

//JSF


//HTML output

2. JSF h: пример кнопки

«h:button» - это новый тег в JSF 2.0, вы можете объявить результат навигации непосредственно в атрибуте «outcome», нет необходимости вызывать bean-компонент для возврата такого результата, как «h: commandButton» над. Но если в браузере отключен JavaScript, навигация не удастся, потому что тег «h:button» генерирует событие «onclick» для обработки навигации через «window.location.href». Смотрите примеры:

1. Обычная кнопка без результата 

//JSF


//HTML output

P.S if the outcome attribute is omitted, the current page URL will treat as the outcome.

2. Обычная кнопка с исходом 

//JSF


//HTML output

3. Обычная кнопка с JavaScript. 

//JSF


//HTML output

My thought…
Не совсем понятно, почему JSF 2.0 выпустил этот тег «h:button», перенаправление JavaScript нецелесообразно, особенно в браузере с отключенным JavaScript. Лучше всего интегрировать атрибут «outcome» в тег «h:commandButton», надеюсь, это можно будет сделать в будущих версиях.

Скачать исходный код

Скачать -JSF-2-Button-CommandButton-Example.zip (10 КБ)

Ссылка

  1. JSF JavaDoc

  2. JSF JavaDoc

Related