Question

我想在我的JSF项目中使用类似于https://github.com/mouse0270/bootstrap-growl的Bootstrap Growl Message，但我不知道如何配置它。我希望在动作完成时显示它（它应该返回失败或成功）。

Answer 1

我希望我会注意到这个更早。如果您仍在使用我的插件，那么您将如何调用它。

您还可以在Bootstrap Growl Website（最新版本）

上找到我的插件上的文档和示例

如果使用的是版本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);
});

在JSF应用程序中使用Bootstrap Growl消息

1 个答案: