Twitter bootstrap 在JSF应用程序中使用引导咆哮消息

Twitter bootstrap 在JSF应用程序中使用引导咆哮消息,twitter-bootstrap,jsf-2,bootstrap-notify,Twitter Bootstrap,Jsf 2,Bootstrap Notify,我想在我的JSF项目中使用像这样的引导咆哮消息,但我不知道如何配置它。我希望在一个操作完成时显示它(它应该返回fail或success)。我希望我能更早地注意到这一点。如果你仍然在使用我的插件,这里是你会怎么称呼它的 您还可以在(最新版本)上找到有关我的插件的文档和示例 如果使用版本1.0.6并且只想显示一条消息 var request = $.ajax({...}); request.done(function( msg ) { $.growl('Successful', { typ

我想在我的JSF项目中使用像这样的引导咆哮消息,但我不知道如何配置它。我希望在一个操作完成时显示它(它应该返回fail或success)。

我希望我能更早地注意到这一点。如果你仍然在使用我的插件,这里是你会怎么称呼它的

您还可以在(最新版本)上找到有关我的插件的文档和示例

如果使用版本1.0.6并且只想显示一条消息

var request = $.ajax({...});

request.done(function( msg ) {
    $.growl('Successful', { type: 'success' });
}); 

request.fail(function( jqXHR, textStatus ) {
    $.growl({ title: 'Request failed: ', message: textStatus }, { type: 'success' });
});
如果使用2.0.0版(昨天刚刚发布)并希望显示消息。在这个新版本中,您可以更新咆哮

var growl = $.growl({ 
                    title: 'Please Wait... ', 
                    message: 'Updating Database'
                },{
                    type: 'info',
                    allow_dismiss: false,
                    delay: 0
                }),
    request = $.ajax({...});
request.done(function( msg ) {
    // Update growl with success info
    growl.update('title', 'Success ');
    growl.update('message', 'Your changes have been saved');
    growl.update('type', 'success');
    // Since we disabled both the dismiss and delay we have to close
    // the growl manually. This closes it after 5 seconds. 
    setInterval(function() {
            growl.close();
    }, 5000);
}); 

request.fail(function( jqXHR, textStatus ) {
    // Update growl with failed info
    growl.update('title', 'Request failed: ');
    growl.update('message', textStatus);
    growl.update('type', 'danger');
    // Since we disabled both the dismiss and delay we have to close
    // the growl manually. This closes it after 5 seconds.  
    setInterval(function() {
            growl.close();
    }, 5000);
});