UI.Page.SlidingPanel.show

Просмотров: 10629
Дата последнего изменения: 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:"Только иконка"});
              }
   }           
}
});

Видео

iOS	Android

Курсы разработаны в компании «1С-Битрикс»

Если вы нашли неточность в тексте, непонятное объяснение, пожалуйста, сообщите нам об этом в комментариях.

Развернуть комментарии