Splitter.collapse

Синтаксис

collapse ()

Описание

Метод collapse сворачивает левую или верхнюю панель компонента Splitter.

Комментарии

Если выбрано горизонтальное расположение панелей, то сворачивается левая панель. Если вертикальное - верхняя.

Чтобы отобразить скрытую панель, используйте метод Splitter.expand.

Пример

Для выполнения примера предполагается наличие на странице компонента Splitter с наименованием «splitter» (см. «Пример создания компонента Splitter»). Добавим кнопки, при нажатии на которые будет скрываться и отображаться левая панель компонента:

var butCollapse = new PP.Ui.Button(
{
    ParentNode: document.getElementById("but1"),
    Click: function ()
    {
        splitter.collapse();
        alert(splitter.getCollapsed())
    },
    Content: "Свернуть"
})
var butExpand = new PP.Ui.Button(
{
    ParentNode: document.getElementById("but2"),
    Click: function ()
    {
        splitter.expand()
    },
    Content: "Развернуть"
})

После выполнения примера при нажатии на кнопку «Свернуть» левая панель будет свернута:

При этом на экран будет выведено сообщение с индексом свернутой панели.

При нажатии на кнопку «Развернуть» левая панель вернется в исходное положение:

См. также:

Splitter