ASP.NETMVC中如何在一个表单(视图)中使用两个模型?
创始人
2024-09-19 09:30:39
0

ASP.NET MVC框架本质上是一个基于模型-视图-控制器(MVC)架构的框架,它采用的模型绑定技术是默认绑定单个模型,因此使用两个模型在一个表单中需要将两个模型合并到一个视图模型中。

下面的示例展示了如何将两个模型合并到一个视图模型中:

//第一个模型 public class Model1 { public string Name { get; set; } }

//第二个模型 public class Model2 { public int Age { get; set; } }

//合并的视图模型 public class ViewModel { public Model1 Model1 { get; set; } public Model2 Model2 { get; set; } }

在控制器中,可以创建该视图模型并将两个模型实例化,并将其传递到视图中:

public ActionResult Index() { ViewModel vm = new ViewModel(); vm.Model1 = new Model1(); vm.Model2 = new Model2(); return View(vm); }

在视图中,可以使用ViewModel类中包含的两个模型进行数据绑定:

@model ViewModel @using (Html.BeginForm()) { @Html.TextBoxFor(model => model.Model1.Name) @Html.TextBoxFor(model => model.Model2.Age) }

需要注意的是,如果要在提交表单时从视图中获取两个模型的数据,则需要将表单数据绑定回视图模型中的两个模型,具体方法是在控制器中的HttpPost方法中重新实例化视图模型并调用TryUpdateModel方法:

[HttpPost] public ActionResult Index(ViewModel vm) { if (ModelState.IsValid) { ViewModel updatedVm = new ViewModel(); updatedVm.Model1 = new Model1(); updatedVm.Model2 = new Model2();

    TryUpdateModel(updatedVm);

    //updatedVm中包含更新后的

相关内容

热门资讯

安装Pillow时遇到了问题:... 遇到这个问题,可能是因为缺少libwebpmux3软件包。解决方法是手动安装libwebpmux3软...
安装React Native时... 当安装React Native时出现构建错误的情况,可以尝试以下解决方法:确保已经安装了最新版本的C...
安装Python库"... 安装Python库"firedrake"的解决方法如下:打开终端或命令提示符(Windows系统)。...
安装Rails时构建webso... 在安装Rails时,如果构建websocket-driver时发生错误,可以尝试以下解决方法:更新系...
安装react-native-... 要安装react-native-onesignal并在应用关闭时仍能接收通知,可以按照以下步骤进行:...
按转换模式过滤日志【%t】。 要按照转换模式过滤日志,可以使用正则表达式来实现。下面是一个示例代码,使用Java语言的Patter...
Apache Nifi在Kub... Apache Nifi可以在Kubernetes上运行,并且已经准备好用于生产环境。下面是一个使用H...
安装ug未能链接到许可证服务器 安装UG未能链接到许可证服务器是UG用户在安装软件时常遇到的问题之一。该问题的解决方法需要技术向的知...
安装React-Scripts... 这是因为React-Scripts使用Facebook工具包中的一些脚本。 joinAdIntere...
安装React Native时... 安装React Native时可能会出现各种错误,下面是一些常见错误和解决方法的代码示例:Error...