正确关闭模态作为cshtml页面

Question

如果我按下 x 按钮，我会尝试正确关闭模式。

起初我尝试在 index.cshtml 主页面中执行此操作

<div class="modal fade" id="myModal" role="dialog">
     <div class="modal-dialog">
           @Html.Partial("Create")
     </div>
</div>

在我的创建页面中关闭模式时，我有这个

<button type="button" class="close" data-dismiss="modal">&times;</button>

模态框正常关闭，但这是主屏幕的弹出窗口。

虽然它在技术上可行，但我希望屏幕更大一些。所以我尝试在 index.cshtml 页面中这样做。

@Html.ActionLink("Create new link", "Create") 

创建屏幕仍然具有与“modal-content”内联类相同的设计，但关闭按钮似乎不起作用。我不确定是不是因为 ActionLink 部分将其视为一个全新的页面，因为我在网上查看的大多数链接似乎都包含“data-dismiss="modal"" 部分并且一切都很好。

如果我执行另一个操作链接返回到完全刷新页面的主页，这不是我想要的，因为它会刷新用户当前拥有的数据。下拉列表，查询结果和过滤完成。

有没有办法将模态页面正确地视为 cshtml 页面，以便我可以在不完全刷新整个页面的情况下关闭它？还是我以错误的方式解决这个问题。

Answer 1

使用Html.ActionLink，实际上只是将静态a 标记放到页面上。当您单击它时，整个浏览器视图将更改为新 URL。在这种情况下，“关闭模态”是没有意义的，因为没有模态。您只是显示来自某个操作的响应，而该操作恰好是部分视图的内容。