Просмотров: 10604
Дата последнего изменения: 24.07.2020
Описание
Функция отображает скользящую панель.
Синтаксис
BXMobileApp.UI.Page.SlidingPanel.show(params);
Аргументы
Описание
params
Объект параметров скользящей панели:
Ключи описания параметров скользящей панели:
hidden_sliding_panel - флаг, определяющий поведение панели на родительском контроллере. Если флаг установлен в:
true - при прокрутке панель будет динамически скрываться или отображаться в зависимости от направления прокрутки;
false - панель будет жестко зафиксирована вверху окна.
Параметр является необязательным. По умолчанию - true;
buttons - объект Dictionary, в котором передается список кнопок, которые необходимо отобразить в панели. Ограничена тремя кнопками. Каждая кнопка описывается в виде Dictionary, ключом является id кнопки. Кнопка может принимать следующие параметры:
name - название, которое должно отобразиться на кнопке;
url - адрес, по которому следует перейти при нажатии на указанную кнопку;
action - действие, которое должно быть выполнено, при нажатии на указанную кнопку;
callback - Callback, который должен быть вызван на указанном или родительском контроллере, если панель отображается;
scroll_backlash - определение максимального смещения при прокрутке вниз, перед началом отображения кнопочной панели;
type - тип кнопки, согласно которому определяется внешний вид, отображаемой на кнопке иконки. Можно использовать стандартные типы иконок, либо свой тип, определив его через конструктор приложений. Стандартный набор типов иконок следующий:
plus - иконка добавления;
user - иконка пользователей;
back - иконка в виде стрелочки;
refresh - иконка обновления;
context-menu - иконка контекстного меню;
basket - иконка корзины;
page_back - стрелка Назад в web-браузере;
page_forward - стрелка Вперед в web-браузере;
page_refresh - стрелка Обновить в web-браузере;
menu - иконка меню;
edit - иконка для редактирования.
Пример
//Создаем скользящую панель с тремя кнопками разных типов и обработчиками событий при нажатии на каждую кнопку.
BXMobileApp.UI.Page.SlidingPanel.show({
hidden_sliding_panel: true,
scroll_backlash: 20.0,
buttons:
{
id_button1:
{
name: "Только текст",
type: "right_text",
callback: function ()
{
app.alert({title:"SlidingPanel", text:"Только текст"});
}
},
id_button2:
{
name: "Текст",
type: "basket",
callback: function ()
{
app.alert({title:"SlidingPanel", text:"Иконка и текст"});
}
},
id_button3:
{
name: "",
type: "menu",
callback: function ()
{
app.alert({title:"SlidingPanel", text:"Только иконка"});
}
}
}
});