【问题标题】:Make alert message with ASP.NET MVC使用 ASP.NET MVC 制作警报消息
【发布时间】:2020-05-08 16:31:55
【问题描述】:

我想在用户点击事件时显示消息错误。

这是我的日历:

[HttpPost]
public JsonResult SaveEvent(Event e)
{
    var status = false;

    using (Entities db = new Entities())
    { 
        if (e.EventID > 0)
        {
            // Update the event
            var v = db.Events.Where(a => a.EventID == e.EventID).FirstOrDefault();

            if (v != null)
            {
                v.EventTitle = e.EventTitle;
                v.StartDate = e.StartDate;
                v.EndDate = e.EndDate;
                v.EventDescription = e.EventDescription;
                v.ThemeColor = e.ThemeColor;
            }
            else
            {
                db.Events.Add(e);
            }

            db.SaveChanges();
            status = true;
        }

        return new JsonResult { Data = new { status = status } };
    }
}

当用户点击事件时,我希望他收到警报:

function SaveEvent(data) {
    $.ajax({
              type: "POST",
              url: '/home/SaveEvent',
              data: data,
              success: function (data) {
                   if (data.status) {
                       // Refresh the calender
                       FetchEventAndRenderCalendar();
                       $('#myModalSave').modal('hide');
                   }
              },
              error: function () {
                  alert('Failed');
              }
          })
      }
 })

我可以找到以前使用完整日历的人吗?

【问题讨论】:

  • 事件到底是什么?您日历上的蓝色/绿色项目?

标签: jquery asp.net asp.net-mvc


【解决方案1】:

我对 DevExpress 和 Telerik 调度程序控件有一定的经验。

我假设你想要达到的目标。

为了在点击事件时显示警报,您需要为渲染的 html 元素(您的事件)添加 onclick 事件监听器

例如:

<div id="your-event-id-from-db" onclick="showInfo(this)">
    <p>12 am event text</p>
</div>

<script type="text/javascript">
    function showInfo(element){
        var id = element.id;
        alert(id);
    }
</script>

您还可以使用唯一的事件 id 对服务器进行 AJAX 调用并获取事件数据,如开始日期、结束日期、描述等...如果您想填充模式以编辑事件。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-08-22
    • 2019-05-23
    • 2018-02-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-10-24
    相关资源
    最近更新 更多