Question

这是我关于SO的第一个问题，所以请有一颗心。我正在开发一个项目，使消息能够被标记为未读。当用户点击详细信息时，它会将邮件标记为已读，但我尝试使用 CheckBoxFor 允许用户将邮件标记为未读。这是我彻底研究后的尝试。当我回到主视图时，我似乎无法将消息标记为未读。

这是Details.cshtml中的CheckBoxFor：

<dd>
     @Html.CheckBoxFor(model => model.UnreadMessage, new { onclick = "UpdateUnreadMessage(this)" })
</dd>

用jQuery调用来确定CheckBoxFor的状态：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
function UpdateUnreadMessage(elem) {
    var UnreadMessage = $(elem).is(':checked');
    $.ajax({
        type: 'POST',
        url: "@Url.Action("UpdateUnreadMessage", "Details")",
        data: { check: UnreadMessage,},
        success: function (res) {
            console.log(res);
        },
        dataType: 'json'
    });
}
</script>

这是MessageController中的POST方法：

// POST: Message/Details/5
[HttpPost]
public ActionResult UpdateUnreadMessage(bool check, Guid? id)
{
    Message message = db.Messages.Find(id);
    if (check == true)
    {
        message.UnreadMessage = true;
    };
    db.SaveChanges();
    return View();
}

有人可以帮我弄清楚我做错了什么吗？我非常感激。

Answer 1

您没有传递要标记为未读的邮件的ID。也可以将它传递给你的AJAX函数：

data: { check: UnreadMessage, id: YourVariableIDHere },

Answer 2

如果MessageController中的POST方法然后将URL更新为

url：“@ Url.Action（”UpdateUnreadMessage“，”消息“）”

Answer 3

所以我能够解决发生的事情。我确实需要通过身份证。这就是我如何让它发挥作用。

CSHTML：

<dd>@Html.CheckBoxFor(model => model.UnreadMessage, new { id = "UnreadCheckBox" })</dd>

SCRIPT：

<script>
$("#UnreadCheckBox").change(function () {
    var UnreadMessage = $(this).is(':checked');
    $.ajax({
        type: 'POST',
        url: "@Url.Action("UpdateUnreadMessage", "Message")",
        data: { check: UnreadMessage, id: '@Model.MessageID' },
        success: function (res) {
            console.log(res);
        },
    });
});

最后在CONTROLLER：

        public ActionResult UpdateUnreadMessage(bool check, Guid? id)
    {
        Message message = db.Messages.Find(id);
        if (check == true)
        {
            message.UnreadMessage = true;
        }
        else{
            message.UnreadMessage = false;
        }
        db.SaveChanges();
        return Content("Succesful Update");
    }

感谢大家的所有帮助和建议。

使用MVC

3 个答案: