将最后一个插入 ID 传递给 toastr - Asp.Net MVC 4

Question

我是 MVC 的新手，正在尝试传递最后创建的 ID（在表单中单击保存按钮后）。

任何人都可以告诉我是否可以将这个值传递给 toastr 显示器，以及如何做到这一点，所以一旦按下保存按钮，它就会 returns 那个 ID 号？

Answer 1

除了我的评论之外，还有一个更复杂的答案。

大致包含以下项目：

视图：CreateItem、NewItemHandler
控制器：ItemHandler
Javascript：site.js 和 jQuery

CreateItem 视图是用户输入项目值的对话框。在我的例子中，一个简单的表单有两个 input 字段和强制性的 submit 按钮。

@{
    ViewBag.Title = "CreateItem";
}

<h2>CreateItem</h2>

<form id="newItemForm">
    Item name: <input id="itemname" type="text" name="fname"><br>
    Item weight: <input id="itemweight" type="text" name="lname"><br>
    <input type="submit" value="Submit">
</form>

JavaScript 应在单击 submit 时停止重定向，这是通过在 $("newItemForm").submit(...) 中返回 false 来完成的。此外，我们不需要告诉服务器它需要创建我们的项目，所以我们必须创建我们自己的提交请求，我用 jQuery.post():

$('#newItemForm').submit(function () {
    sendPostAndShowResult();
    return false;
});

function sendPostAndShowResult() {
    var name = $("#itemname").text();
    var weight = $("#itemweight").text();
    $.post("/Item/NewItemHandler",
        { "name": name, "weight": weight }
    ).done(function (data) {
        alert("The ID of your new item is: " + $.trim(data)); //replace with toast
    })
    .fail(function () {
        alert("Error while processing the request!");
    });
}

提示一下：这里没有用toast，因为我从来没有用过，不过我想应该不会太难适应。

拼图的最后一块是 NewItemHandler，它创建项目、计算 ID 和 returns 值：

视图非常简单。由于我们不需要布局，因此已将其设置为“”。

@{
    Layout = "";
}
@Html.Raw(Session["ItemID"])

如您所见，我们只需要将 "ItemID" 放入我们的 Session 对象中，这是由 Controller 完成的。

[HttpPost]
public ActionResult NewItemHandler(string name, string weight)
{
    int id = GenerateNewItem(name, weight);
    Session["ItemID"] = id;
    return View();
}

编辑：我尝试将这种方法应用到您的解决方案中：

您需要在控制器中删除 return RedirectToAction() 和 return View();。然后是 returns (Save.cshtml) 一个响应，ID 在另一个空文件 (Layout = "") 中。我猜你的 Save.cshtml 是空的，所以用

替换它

@{
    Layout = "";
}
@Html.Raw(Session["ItemID"])

在您的控制器中，Save 方法应该看起来像这样。

    [HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Save(BidstonHwrc bidstonhwrc)
    {
        _context.BidstonHwrc.Add(bidstonhwrc);

        try
        {
            _context.SaveChanges(); //either all changes are made or none at all
        }
        catch (Exception e)
        {
            Console.WriteLine(e);
        }

        int id = bidstonhwrc.Id;
        Session["ItemID"] = id;
        return View();
    }

在您的 MCN Form 中，您需要通过 Razor 为您的 <form> 标签提供一个 ID：

@using (Html.BeginForm("Save", "BidstonHwrc",FormMethod.Post, new { id = "SaveBidstonHwrc" }))

javascript 代码应如下所示，只需调整 ID：

$('#SaveBidstonHwrc').submit(function () {
    sendPostAndShowResult();
    return false;
});

function sendPostAndShowResult() {
    //foreach Model/ViewModel Property one line e.g.
    var Id = $("Id").text();
    var McnNumber = $("McnNumber").text();
    $.post("/BidstonHwrc/Save",
        { "Id": Id, "McnNumber": McnNumber }
    ).done(function (data) {
        alert("The ID of your new item is: " + $.trim(data)); //replace with toast       
        $(location).attr('href', '/Home/Index') //Redirect to Home
    })
    .fail(function () {
        alert("Error while processing the request!");
    });
}

我上传了一个应该能代表您的解决方案的项目。
您可以在此处下载 (28MB)：Project download

将最后一个插入 ID 传递给 toastr - Asp.Net MVC 4

Pass last insert id to toastr - Asp.Net MVC 4

c#

jquery

asp.net-mvc-4

toastr