Отключить / включить для кнопки «Далее» и «Назад» в мастере PrimeFaces

Question

Я новичок в JSF Primefaces

Я использую Primeface wizard, где мне нужно отключить / включить кнопку Next / Back в мастере, используя java. Я пробовал с приведенными ниже кодами, но не смог

Для следующей кнопки отключить:

PrimeFaces.current().executeScript(" PF('" + clientId + "').nextNav.css('disabled', 'true');");

PrimeFaces.current().executeScript(" PF('" + clientId + "').nextNav.css('disabled', 'disabled');");

Для следующей кнопки включить:

PrimeFaces.current().executeScript(" PF('" + clientId + "').nextNav.css('disabled', 'false');");

PrimeFaces.current().executeScript(" PF('" + clientId + "').nextNav.css('disabled', 'none');");

Но когда я попытался с видимостью, это работает

для кнопки "Следующая" скрыть: PrimeFaces.current().executeScript(" PF('" + clientId + "').nextNav.css('visibility', 'hidden');");

для кнопки «Далее»: PrimeFaces.current().executeScript(" PF('" + clientId + "').nextNav.css('visibility', 'visible');");

Вопрос: Как включить / отключить кнопку «Далее / Назад» в мастере, используя фрагмент Java? (Нужно отключить и не прятать кнопки)

Answer 1

Отключение кнопки - это не css вещь. Это атрибут элемента кнопки html, такой как `Фактическое значение не имеет значения, просто наличие атрибута с этим именем делает его отключенным. Следовательно, вам нужно установить его через

PF('" + clientId + "').nextNav.attr('disabled', 'disabled')

Но это только технически отключит его. поэтому вам также необходимо добавить соответствующий внешний вид:

PF('" + clientId + "').nextNav.toggleClass('ui-state-default')
PF('" + clientId + "').nextNav.toggleClass('ui-state-disabled')

Я бы лично добавил все это в функцию javascript (function disableNext(...) {...}) и только эту функцию из java, передав идентификатор клиента (Вы могли бы даже сделать его более обобщенным c и создать toggleNext)