两种形式和一种视图模型

Question

我在一页中有两个表格。两者都有自己的属性和提交操作，但在两种表单中都有一些共同的属性。

有没有办法使用一个视图模型来构建具有两个表单的视图，该视图模型与视图中的两个表单共享属性？

实际上我有重复的字段，我必须使用 jquery 复制两个字段中值的更改。

谢谢。

Answer 1

您可以使用 HtmlPrefix 来实现这一点。

1. 我已经创建了一个模型

   public class TestModel
   {
     [Required]
     public int Id { get; set; }
     [Required]
     public string Name { get; set; }
   }
   

2. 在 Controller 中，我们需要为每个表单设置一个 GetMethod 和两个 post 方法，但使用不同的 BindPrefix

   public ActionResult TestLoad()
   {
       TestModel model = new TestModel();
       return View(model);
   }
   
   public ActionResult TestA([Bind(Prefix = "A")]TestModel model)
   {
       return View("TestLoad",model);
   }
   public ActionResult TestB([Bind(Prefix="B")]TestModel model)
   {
       return View("TestLoad",model);
   }
   

   1. 在视图中。这里也我们需要指定绑定前缀

   <table>
    <tr>
     <td>
       @{Html.ViewData.TemplateInfo.HtmlFieldPrefix="A";}
       @{Html.RenderPartial("PartialA");}
     </td>
     <td>
       @{Html.ViewData.TemplateInfo.HtmlFieldPrefix="B";}
       @{Html.RenderPartial("PartialB");}
     </td>
   </tr>
   </table>
   

   4. 两个部分视图完全相同，只是它们将数据发布到不同的操作（在控制器中定义）

   5. 现在，如果您运行该项目，您应该会得到适当的输出。