使用不同操作方法在同一视图上的多个提交按钮

Question

我正在使用 ASP.NET MVC 3。

我有一个接受EditGrantApplicationViewModel 类型视图模型的视图。在这个视图模型中，我有属性。当第一次加载视图时，我将这个视图模型的实例传递给它：

public ActionResult Create()
{
   EditGrantApplicationViewModel viewModel = new EditGrantApplicationViewModel();

   return View(viewModel);
}

在这个视图中，我有一个提交按钮，它接受表单值并将其添加到数据库中。我在这个视图上还有另一个按钮，但不必单击它，单击时，它会获取员工编号，进行数据库查找并获取员工的详细信息。该数据返回到相同的视图，并用数据预填充该视图，以便用户不必键入数据。数据既可以通过这种方式检索，也可以手动输入。

然后用户可以继续输入其他字段并编辑从查找返回的任何字段。完成后，用户可以单击提交将其添加到数据库中。我该怎么做这样的事情？我是否需要在我的页面上使用表单，一个去 Create 操作方法，另一个去 GetEmployee 操作方法来进行数据库查找？我应该在我的页面上使用多个表单吗？如果是这样，拥有多种形式是最佳做法吗？任何代码示例将不胜感激:)

Answer 1

当您单击按钮时，您可以使用 jquery 触发 AJAX 调用以返回一些 JSON 数据：

$("someButton").click(function() {
    $.ajax({
        url: "/Service/GetData",
        data: {}, // pass data here
        dataType: "json",
        type: "POST",
        success: function() {
            // manipulated return JSON data here
        }
    });
});

您可以有一个控制器来调用服务并返回 JSON，或者让服务执行此操作并跳过控制器。如果您在控制器中执行此操作：

public ActionResult GetData() {
    var someData = service.GetData();

    return Json(someData);
}

Answer 2

假设员工详细信息是EditGrantApplicationViewModel 的一部分，您应该能够使用 Web 服务调用的结果填充表单上的字段。基本上它应该像用户手动输入值一样工作。只要您的字段名称正确，模型绑定器就会选择它。

我假设您的 Web 服务调用是来自使用 javascript 的页面的异步调用。