Как реализовать многостраничный мастер с «правилами» клиентского контроллера в JSF2 или GWT2?

Question

В (JSF2 + jQuery) или в GWT: Как лучше всего реализовать мастер многостраничных форм с явно заданными «правилами» контроллера форм, работающими на стороне клиента?

Цель:

1. форма с 3 страницами, каждая из которых содержит кнопки «prev» / «next» и, наконец, 1 кнопку «submit».
2. все элементы формы имеют уникальные идентификаторы для адресации / доступа к ним.

3. для управления формами на стороне клиента есть 2 вида «правил» управления, которые определены в центральном месте и как-то сохранены:

   • активное поведение 1 предмета (изменение 1+ других предметов):

     WHEN form item x is checked/changed/text=="MyText"
     THEN show/hide/modifyTextOf item y and item z.
     

   • пассивное поведение 1 предмета (ожидание 1+ событий):
     

     WHEN ((itemA.propX is 'blah') AND (itemB.text()=="Yeah!") OR
           (itemC is checked) AND (itemD.value() >= 10))  
     THEN 
         self.setVisible(true); /self.hide(true);   //and
         itemF.setText("It's Magic!"); 
         ... 
     END-THEN 
     

Действие, вызывающее соотв. Предполагается, что прослушивание событий будет проводиться отдельно для каждой страницы - одним из последующих улучшений может быть также запуск «межстраничных модификаций / прослушиваний», например, itemA на странице 1 вызывает некоторые действия над itemC на странице 3.

Как бы вы определили, сохранили (XML, JSON?) Эту логику и, наконец, запустили ее в контроллер формы на стороне клиента?

Answer 1

PrimeFaces имеет готовый компонент для этого, p:wizard.

Что касается правил управления, используйте атрибут rendered.