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

Синтаксис

PP.Ui.SplitButton (settings)

Параметры

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

Описание

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

Пример

Для выполнения примера добавьте ссылки на библиотеку PP.js и визуальные стили PP.css. В теге BODY добавьте элемент DIV с идентификатором «splitBut». В папке «PP_img» должна содержаться пиктограмма «paste.png». В теге SCRIPT добавим код для размещения компонента:

    var splitButton = new PP.Ui.SplitButton({
        ImageUrl: "../PP_img/paste.png",
        Content: "Split Button",
        UseWrapping: true,
        IsPressed: true,
        IsToggleButton: true,
        ParentNode: document.getElementById("splitBut"),
        Menu: {
            Items: [
            {
                MenuItem: { Content: "File", ResourceKey: "mainMenuBtn0" }
            },
            {
                MenuItem: { Content: "Help", ResourceKey: "mainMenuBtn4" }
            }
        ]
        }
    });

После выполнения примера на странице будет размещен компонент SplitButton, имеющий следующий вид:

Обе части кнопки отображаются в нажатом состоянии, поскольку для свойств IsToggleButton и IsPressed установлено значение true. Если для свойства IsToggleButton не установить значение true, то в нажатом состоянии будет отображаться только нижняя часть кнопки.

Поскольку для свойства SplitButton.UseWrapping установлено значение true, текст кнопки переносится по словам.

При нажатии на нижнюю часть кнопки раскрывается меню:

См. также:

SplitButton