dialog - alertify の確認ダイアログ ボックスにカスタム ボタンを追加する

Question

ユーザーがページを離れたときにダイアログボックスを表示するために Alertify js 1.6.1 を使用しています。Ok と Cancel とは別に、alertify js の確認ダイアログ ボックスに「続行」ボタンを 1 つ追加する必要があります。カスタム ボタン機能を追加する方法はありますか? 何かアイデアがあれば教えてください。ありがとう

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');

例を見る