在alertify確認對話框中添加自定義按鈕

Question

我使用Alertify js 1.6.1在用戶離開頁面時顯示對話框。除了Ok和Cancel，我還需要在alertify js confirm對話框中添加一個額外的按鈕「繼續」。有沒有添加自定義按鈕功能的方法？讓我知道你是否有任何想法。由於

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

看到example