84  /  105

UI.Page.SlidingPanel.show

Просмотров: 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:"Только иконка"});
              }
   }           
}
});

  Видео

iOSAndroid


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

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