首页 > 解决方案 > MVC:客户端添加/删除/编辑列表模型属性

问题描述

我正在为我的公司升级 MVC5 中的入职应用程序。在这个应用程序的某个时刻,用户应该提供一个联系人列表,我已经为此定义了一个模型类。我想为联系人提供一组字段,以及具有客户端功能的添加/删除按钮。在用户按下最后的“提交”按钮之前,不会收集任何数据,因此在整个过程中不应该有回发。

现有的基于 WebForms 的应用程序的行为是允许用户指定两个额外的联系人。它通过具有诸如 , 等字段来实现这一点AdditionalContact1FirstNameAdditionalContact1LastName然后在用户按下添加/删除按钮时使用 jQuery 显示/隐藏这些。

Model.AdditionalContacts我的目标是通过将这些附加字段绑定到列表中的新元素来消除此类详尽和冗长代码的必要性。

我对这个应用程序的冲动是使用 Vue 等 JS 框架,并简单地发布到 API 端点。在这种情况下,我只需使用模板为每个联系人生成字段,然后将表单数据作为 JSON 传递给 WebAPI。不过,为此,我不得不使用 MVC/Razor。是否有使用 MVC/Razor 和模型绑定的类似模式?

标签: c#razorasp.net-mvc-5

解决方案


推荐阅读