在 MVC 上更改模态内容答案

【问题标题】：Changing modal content on MVC在 MVC 上更改模态内容
【发布时间】：2016-05-07 17:00:37
【问题描述】：

我有一个模态，我希望它有 2 个步骤。第一个包含一个（某种）网格，每行都有一个按钮。当用户单击一个按钮时，我必须转到发送所选行 ID 的其他视图。他可能想返回并更改他的选择。

我在下面尝试过，但它在页面上打开，而不是在模态：

[HttpPost]
public ActionResult Step1()
{
    return RedirectToAction("Step2");
}

有没有办法做到这一点？谢了。

【问题讨论】：

由于模式窗口必须通过 javascript 打开/单击带有data-toggle="modal" 的内容，我建议可能包括一个查询字符串并在页面加载时检查该查询字符串。如果存在，请显示模态。

【解决方案1】：

我建议您遵循以下方法来获得该行为：

Javascript：您的模态应该包含 2 个步骤的标记，但目前只有一个可见；一个用户在第一步单击按钮 - 使用 javascript 动态填充第二步
AngularJS + Route：与上一个类似，但从工具的角度来看不同； angular 知道如何在页面中插入 html 的和平；看到一个不错的article，上面有一个演示；这种方法可能需要对您的解决方案进行一些概念上的更改，但最终您会满意的

希望这会有所帮助。

【讨论】：

【解决方案2】：

Step1 操作应返回 PartialViewResult。在您的网格中，单击打开 step1 的链接后，触发执行以下操作的 JavaScript 函数：

1- 向传递查询字符串参数的动作触发ajax请求，例如：ID，在网格中绘制链接时可以传递此参数，例如：打开

2- 在action中，获取参数，取回数据，返回局部视图。

3-当数据来自ajax请求时，将其内容设置为模态对话框

4- 显示模态对话框，您可以使用 bootstrap 或 jquery 对话框

【讨论】：