Конструктор Wizard

Синтаксис

PP.Ui.Wizard (settings);

Параметры

settings. JSON-объект со значениями свойств экземпляра класса.

Описание

Конструктор Wizard создает экземпляр класса Wizard.

Пример

Для выполнения примера предполагается наличие на странице компонента ImportDataWizard с наименованием «importDataWizard» (см. «Пример создания компонента ImportDataWizard»). Создадим экземпляр класса Wizard с шагами мастера ImportDataWizard:

var wizard = new PP.Ui.Wizard(//создаем экземпляр класса PP.Ui.Wizard
{
    Steps: importDataWizard.getSteps() //добавляем шаги мастера importDataWizard
});
var but1 = new PP.Ui.Button(//кнопка для отображения мастера
{
    Content: "Показать мастер",
    ParentNode: document.getElementById("but1"),
    Click: function (sender, args)
    {
        wizard.show();
        wizard.setWidth(400);
        wizard.setHeight(200);
    }
});
wizard.CompleteButtonClicked.add(function (sender, args)//обработчик нажатия кнопки "Готово"
{
    if (wizard.getSteps()[4].getPendingState() == false) alert("Настройка на последнем шаге завершена")//если на 5 шаге (последнем) настройка завершена и доступна кнопка "Готово", при нажатии на эту кнопку появится соответ. сообщение
});

Примечание. Мастер «importDataWizard» не должен отображаться (убрать строку importDataWizard.show();).

После выполнения примера при нажатии на кнопку «Показать мастер», будет отображен созданный мастер с шагами мастера «importDataWizard». На 5 (последнем) шаге мастера будет доступна кнопка «Готово». При нажатии на эту кнопку на экран будет выведено сообщение «Настройка на последнем шаге завершена».

См. также:

Wizard