2

所以，我正在创建一个管理页面，我想在上面放置多个表单。所以，我尝试使用 Partial View 和 RenderAction。

我的管理员索引视图：

@model Rad.ViewModels.AdminViewModel
@{
ViewBag.Title = "Admin";
}

<h2>Admin</h2>

<div>
@{ Html.RenderAction("AddProduct"); }
</div>

我的部分观点：

@model Rad.ViewModels.AdminAddProductViewModel

@using (Html.BeginForm("AddProduct", "Admin"))
{
<h1>@Html.LabelFor(model => model.Name)</h1>
@Html.TextBoxFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
<input type="submit" value="Add"/>
}

我的管理员控制器：

public class AdminController : Controller
{
    //
    // GET: /Admin/
    public ActionResult Index()
    {
        return View();
    }

    public ActionResult AddProduct()
    {
        return PartialView();
    }

    [HttpPost]
    public ActionResult AddProduct(AdminAddProductViewModel data)
    {
        if (ModelState.IsValid)
        {

        }
        return View("Index");
    }
}

问题在于 AddProduct 的 HttpPost 版本。如果我将其保留为 return View("Index")，它将进入无限循环。但是，如果我返回 PartialView(data)，它会正确显示错误，但它周围没有索引视图。所以，它只显示部分视图。有没有办法在一个页面上有多个表单并将服务器端验证返回到页面？

4

2 回答 2

5

好的，我能够解决这个问题：

管理员主索引页面：

@model Rad.ViewModels.AdminViewModel
@{
ViewBag.Title = "Admin";
}

<h2>Admin</h2>

<div>
@Html.Partial("AddProduct", Model.AddProduct)
</div>

添加产品局部视图：

@model Rad.ViewModels.AdminAddProductViewModel

@using (Html.BeginForm("AddProduct", "Admin"))
{
<h1>@Html.LabelFor(model => model.Name)</h1>
@Html.TextBoxFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
<input type="submit" value="Add"/>
}

简单的 AdminAddProductViewModel：

public class AdminAddProductViewModel
{
    [DisplayName("Add Product:")]
    [Required]
    [StringLength(50)]
    [RegularExpression(@"^[a-zA-Z0-9\s]+$")]
    public string Name { get; set; }
}

包含 AdminViewModel：

public class AdminViewModel
{
    public AdminAddProductViewModel AddProduct { get; set; }

    public AdminViewModel()
    {
        AddProduct = new AdminAddProductViewModel();
    }
}

管理员控制器：

public ActionResult Index()
    {
        AdminViewModel data = new AdminViewModel();
        return View(data);
    }

    [HttpGet]
    public ActionResult Index(AdminViewModel data)
    {
        return View(data);
    }

    [HttpPost]
    public ActionResult AddProduct(AdminAddProductViewModel data)
    {
        AdminViewModel admin = new AdminViewModel();
        admin.AddProduct = data;
        if (ModelState.IsValid)
        {

        }
        return View("Index", admin);
    }

现在，我知道我在谈论多个表单，并且在这里只显示一个表单，但是如果您想向其中添加另一个表单，只需创建另一个局部视图、另一个子视图模型，然后将该子视图模型添加到 AdminViewModel。

于 2012-12-06T17:06:19.047 回答
0

你试过 ajax.beginform() 吗？命名局部视图周围的 div 并将 UpdateTargetId 设置为该名称。

然后查询将替换旧的 div。

不要忘记参考 ajax 的 java 脚本库！

于 2012-12-06T15:45:35.357 回答