MVC4 中的Model显示设置(含显示Shared/DisplayTemplates和编辑Shared/EditorTemplates)
虽然 [Display(Name="XXX")]已经能在页面中@Html.LabelFor(m=m.属性)中显示其值,但是不够灵活,特别是在@Html.EtitorForModel()或@Html.DisplayForModel()时,我们想要根据自己的要求来显示信息,那么我们就要根据情况
实现步骤如下:
1. 在View 下的shared文件夹下添加EditorTemplates文件夹
2.在EditorTemplates 添加视图(不继承任何模板) 如添加 视图 YesOrNo.cshtml
3.给YesOrNo.cshtml添加处理代码如:用户填写是否已婚,这时我们要在该bool类型值的在页面中以@Html.RadioButton()的方式
来让用户选择这时我们可以在YesOrNo.cshtml写如下代码
@model bool @Html.RadioButton("",true,Model)是 @Html.RadioButton("",false,!Model)否
4.在Model中使用UIHint("SetView")中的SetView来显示Model中的当前属性,代码如下
[UIHint("YseOrNo")] public bool YesOrNo { get; set; }
5.在编辑页面中我们只要在Form中使用@Html.EtitorForModel()来显示就可以了
@{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml"; } @model MvcApplication1.Models.User @using (Html.BeginForm()) { @Html.EditorForModel() @Html.EditorFor(m=>m.list) <input type="submit" value="提交" /> }
注意上面 的一个人对应多个朋友时的情况也要通过上面的方式UIHint来设置显示,由于是一对多的关系,所以无法显示,这时我们要手动添
加@Html.EditorFor(m=>m.list),的setView(也就是在EditorTemplates文件夹添加的MyFriend.cshtml)代码如下
@model IEnumerable<MvcApplication1.Models.Friend> <div> @foreach (var item in Model) { <div> @Html.LabelFor(m=>item.Name):@Html.TextBoxFor(m=>item.Name) @Html.LabelFor(m=>item.Age):@Html.TextBoxFor(m=>item.Age) </div> } </div>
Mode 中的对应关系
[UIHint("MyFriend")] public List<Friend> list { get; set; } } public class Friend { public string Name { get; set; } public int Age { get; set; } }
关于枚举或类的对应在上述过程中的运用 Model中
[UIHint("MyRole")] public Role role { get; set; } } public enum Role { admin, pm, one, }
在 EditorTemplates文件夹添加MyRole.cshtml中的代码
@model MvcApplication1.Models.Role <select id="role" name="role"> @foreach(MvcApplication1.Models.Role item in Enum.GetValues(typeof(MvcApplication1.Models.Role))) { <option value="@item" @(Model==item?"selected=true":"")>@item</option> } </select>
类也一样做,也可以使用ViewData来做文章
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南