Добавить пользовательские кнопки в диалоговое окно подтверждения оповещения

Question

Я использую Alertify js 1.6.1 для отображения диалогового окна, когда пользователь покидает страницу. Помимо Ok и Cancel, мне нужно добавить еще одну кнопку "продолжить" в диалоговом окне оповещения о подтверждении. Есть ли способ добавить пользовательскую функциональность кнопки? Дайте мне знать, если у вас есть идеи по этому поводу. Спасибо

Answer 1

Вы можете создать свой собственный или расширить существующее подтверждение:

alertify.dialog('myConfirm', function() {
  var settings;
  return {
    setup: function() {
      var settings = alertify.confirm().settings;
      for (var prop in settings)
        this.settings[prop] = settings[prop];
      var setup = alertify.confirm().setup();
      setup.buttons.push({ 
        text: '<u>C</u>ontinue',
        key: 67 /*c*/ ,
        scope: 'auxiliary',
      });
      return setup;
    },
    settings: {
      oncontinue: null
    },
    callback: function(closeEvent) {
      if (closeEvent.index == 2) {
        if (typeof this.get('oncontinue') === 'function') {
          returnValue = this.get('oncontinue').call(this, closeEvent);
          if (typeof returnValue !== 'undefined') {
            closeEvent.cancel = !returnValue;
          }
        }
      } else {
        alertify.confirm().callback.call(this, closeEvent);
      }
    }
  };
}, false, 'confirm');

смотри пример