Class VkButton

constructor

• new VkButton(): VkButton

  Конструктор класса

  Инициализирует пустой массив кнопок

  Returns VkButton

Static ReadonlyGROUP_NAME

const vkButton = new VkButton();

// Группировка кнопок
const button1 = new Button();
button1.initBtn('Кнопка 1', '', null, { [VkButton.GROUP_NAME]: '0' });

const button2 = new Button();
button2.initBtn('Кнопка 2', '', null, { [VkButton.GROUP_NAME]: '0' });

const button3 = new Button();
button3.initBtn('Кнопка 3', '', null, { [VkButton.GROUP_NAME]: '1' });

vkButton.buttons = [button1, button2, button3];
const result = vkButton.getButtons();
// result: {
//   one_time: true,
//   buttons: [
//     [{ action: { type: 'text', label: 'Кнопка 1' } },
//      { action: { type: 'text', label: 'Кнопка 2' } }],
//     [{ action: { type: 'text', label: 'Кнопка 3' } }]
//   ]
// }
Copy

getButtons

• getButtons(): IVkButtonObject

  Получение кнопок в формате ВКонтакте

  Returns IVkButtonObject

  • Объект с кнопками в формате ВКонтакте: - one_time: флаг одноразовой клавиатуры - buttons: массив кнопок или групп кнопок

  Поддерживаемые типы кнопок:

  • text: Текстовая кнопка
  • link: Кнопка-ссылка
  • pay: Кнопка оплаты

  Поддерживаемые цвета кнопок:

  • primary: Основной цвет
  • secondary: Вторичный цвет
  • negative: Отрицательный цвет
  • positive: Положительный цвет

  Example

  const vkButton = new VkButton();
  
  // Создание кнопки оплаты
  const payButton = new Button();
  payButton.initBtn('Оплатить', '', null, {
      type: Button.VK_TYPE_PAY,
      hash: 'payment_hash'
  });
  vkButton.buttons = [payButton];
  const payResult = vkButton.getButtons();
  // payResult: {
  //   one_time: true,
  //   buttons: [{
  //     action: { type: 'pay', label: 'Оплатить' },
  //     hash: 'payment_hash'
  //   }]
  // }
  
  // Создание кнопок с разными цветами
  const confirmButton = new Button();
  confirmButton.initBtn('Подтвердить', '', null, { color: 'positive' });
  
  const cancelButton = new Button();
  cancelButton.initBtn('Отменить', '', null, { color: 'negative' });
  
  vkButton.buttons = [confirmButton, cancelButton];
  const colorResult = vkButton.getButtons();
  // colorResult: {
  //   one_time: true,
  //   buttons: [
  //     { action: { type: 'text', label: 'Подтвердить' }, color: 'positive' },
  //     { action: { type: 'text', label: 'Отменить' }, color: 'negative' }
  //   ]
  // }
  Copy