在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