动态任务提醒警报

时间:2017-04-10 06:42:23

标签: c# jquery asp.net-mvc-5 alert

我必须为基于Web的应用程序编写代码,在此我有一个任务提醒面板On Home Page.Where任务列表将显示,还有一个添加按钮,用户可以在其中添加新的任务提醒。添加提醒按钮正在工作,任务提醒成功进入数据库。当用户登录主页打开时,必须在时间到来时显示警报消息框。我该怎么办请任何示例帮助。

这是我的任务提醒模型:

public Class TaskRemider 
{
   public int TaskID { get; set; }

   [Required(ErrorMessage = "Task name is Required")]
   public string Task { get; set; }

   [Required(ErrorMessage = "Task date is Required")]
   public DateTime? TaskDate { get; set; }

   public string TaskDescription { get; set; }
   public int AddedBy { get; set; }
   public string strAddedBy { get; set; }
   public DateTime? AddedOn { get; set; }
}

先谢谢。

1 个答案:

答案 0 :(得分:1)

在网页应用程序中,服务器和客户端的连接在页面加载后丢失,您无法向客户端发送任何内容。

虽然在服务器代码中有一种方法(称为Signal R)但是,使用JavaScript代码可以在客户端更好地处理您的场景。

为此,您可以将其放入您的页面:

<script>
    var date = @TaskDate
    var milliseconds = @(TaskDate - DateTime.Now).TotalMilliseconds
    $(document).ready(function(){
        if(milliseconds > 0){
            alert('Your task will be due on ' + str(date));
            window.setTimeout(function(){
                alert('Time has come');
                //Or any other thing you might want to do
            }, milliseconds);
        }
        else{
            alert('The time has already come');
        }
    }
</script>

我希望它有所帮助