产生“吐司”消息，

小编典典

产生“吐司”消息，

ajax

我每次构建Web应用程序时都会想到的问题之一是，消息应该如何显示给最终用户

我尝试了类似Windows应用程序中的消息框，但是它们看起来很糟糕，并且在服务器上发布时会出现问题。我尝试了一个更新面板，该更新面板的页面底部顶部包含一个很酷的标签。.但是我仍然觉得它根本不够好。有时在使用AJAX时在特定情况下会遇到问题，但对于用户来说仍然不太好…

我想问一下出现一段时间然后消失的消息，例如，对某条消息进行上下投票时，该消息显示为橙色。

我想构建这样的消息，或者重用可以提供这些消息的DLL。这可行吗？

注意：::根据服务器端的特定条件为用户显示消息。

提前致谢。

阅读 280

2020-07-26

共1个答案

小编典典

嗯，下面显示了一种通过.cs使用jGrowl（在Shane’s Answer上扩展）的方法。

Webform ASP.NET中的此示例

使用1个按钮创建一个简单的aspx页面，并确保在页面头部包含必要的jquery /
jgrowl脚本和css引用，页面上也有一个ScriptManager和update面板。

在页面后面的代码中：

protected void Button1_Click(object sender, EventArgs e)
{
    this.ShowStatus("This is your message!<br />Some HTML formatting works!<br />");
}

protected void ShowStatus(string message)
{
    ScriptManager sm = ScriptManager.GetCurrent(Page);

    if (sm.IsInAsyncPostBack)
    {
        string script = @"
            $(document).ready(function() {
            $.jGrowl.defaults.theme = 'iphone';
            $.jGrowl('" + message + "', {theme: 'iphone',header: 'Notification',life: 8000});});";

        ScriptManager.RegisterStartupScript(Page,this.GetType(), "notification", script,true);                        
    }
}

自然使用适合您应用的主题，祝您好运！此外，该方法仅根据需要加载通知脚本（在这种情况下，单击按钮后），但是您可以将“ShowStatus”功能与后面代码中的其他事件/测试绑定。

2020-07-26