MVC在ActionLink上单击“在页面顶部插入局部视图”

Question

所以我有3个视图（1个和2个部分） - 索引，_Archive，_ListItem

_ListItem上有一个归档按钮应该有一个JS确认弹出窗口，然后如果你点击确定它应该在页面顶部显示一个bootstrap成功提醒。

以下是_ListItem中存档按钮的代码：

@Html.ActionLink("Archive", "_Archive", new { id = Model.Id }, new { @class = "btn btn-danger btn-sm", onclick = "return confirm('You are about to mark \"" + @Model.Id + " - " + @Model.Name + "\" archived, are you sure you want to continue?');" })

现在确认有效，但如何让我的存档弹出窗口弹出索引页面的顶部，而不是将我带到一个单独的页面？

Answer 1

让我们做一些不引人注目的javascript来处理点击事件。

setTimeout(function(){x++), 100)

用于处理锚标记上的click事件的javascript

@Html.ActionLink("Archive", "Index","Home", new { id = "Test" },
                        new{ @class = "btn btn-danger btn-sm confirm" })