Ярлык кнопки «Назад / Далее» в мастере Primefaces Wizard

Question

У меня вопрос по поводу метки кнопки «Назад / Далее» для мастера простых лиц. Можно настроить метку навигационной кнопки, как показано в следующем примере:

• Метка кнопки на шаге 0 -> Показать текст метки кнопки «Next 1»
• Метка кнопки на шаге 1 - > Показать текст метки кнопки «Next 2» и метку кнопки «Back 1»
• Метка кнопки на шаге 2 -> Показать текст метки кнопки «Next 3» и метку кнопки «Back 2»
• ...

С уважением, Mux

Answer 1

Да, у компонента есть два атрибута nextLabel и backLabel.

https://primefaces.github.io/primefaces/7_0/# / компоненты / мастер? Id = атрибуты

nextLabel   null    String  Label of next navigation button.
backLabel   null    String  Label of back navigation button.

Затем выполните ..

<p:wizard widgetVar="wgtWizard" nextLabel="Next #{component.step}" backLabel="Back #{component.step}">

Но поскольку # component.step оценивается не на каждом шаге, вы должны сделать это с помощью JQuery JS кода, подобного следующему:

var wizard = PF('wgtWizard');
var stepIndex = wizard.getStepIndex(wizard.currentStep);
wizard.nextNav.find('.ui-button-text').text('Next ' + stepIndex);
wizard.backNav.find('.ui-button-text').text('Back ' + (stepIndex-1));

Просто выполните этот JS код в методах мастера 'onback' и 'onnext' JS.