Framework 7, как использовать вертикальную диалоговую кнопку и назначить ей идентификатор и класс

Question

$$('.open-vertical').on('click', function () {  app.dialog.create({
title: 'Vertical Buttons',
text: 'Dialog with vertical buttons',
buttons: [
  {
    text: 'Button 1',
  },
  {
    text: 'Button 2',
  },
  {
    text: 'Button 3',
  },
],
verticalButtons: true,  }).open();});

показывает кнопку, но я не могу использовать эту кнопку.Как добавить идентификатор и класс в эти кнопки

Answer 1

$$('.open-vertical').on('click', function () {  app.dialog.create({
        title: 'Vertical Buttons',
        text: 'Dialog with vertical buttons',
        buttons: [
            {
                text: 'Button 1',
            },
            {
                text: 'Button 2',
            },
            {
                text: 'Button 3',
            },
        ],
        onClick: function (dialog, index) {
            if(index === 0){
                //Button 1 clicked
                console.log('1');
            }
            else if(index === 1){
                //Button 2 clicked
                console.log('2');
            }
            else if(index === 2){
                //Button 3 clicked
                console.log('3');
            }
        },
        verticalButtons: true,  }).open();});

Это в основном способ использования параметра onClick в диалоге framework7 .С помощью номера индекса вы можете узнать, какая кнопка нажата.

Answer 2

В соответствии с документами для диалога есть параметр функции, называемый onClick, чтобы сделать что-то после нажатия кнопки!

И вы можете добавить различное поведение к каждой кнопке с помощью функции indexпараметр