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来做文章

MVC4 中的Model显示设置(含显示Shared/DisplayTemplates和编辑Shared/EditorTemplates)

时间: 2024-10-27 02:49:17

MVC4 中的Model显示设置(含显示Shared/DisplayTemplates和编辑Shared/EditorTemplates)的相关文章

asp.net mvc4中model与Model的区别

@model模型定义 使用@model关键字可以定义一个Action里所对应的一个模型(经常可以叫他实体类), 其实是对动态变量进行实例化,这样就可以直接在cshtml文件中调用“Model”变量. 而这个模型的实例,需要通过Controller进行传输,如果没有则“Model”将为null. 模型可以是一个实体类,也可以是一个列表实例,字典对象都可以进行定义,但是和 Controller中的Action传回来的实例一定要一样,否则将会出现错误. Model 定义 MVC的第一个字母M是Mode

在ASP.NET MVC4中实现同页面增删改查,无弹出框02,增删改查界面设计

在上一篇"在ASP.NET MVC4中实现同页面增删改查,无弹出框01,Repository的搭建"中,已经搭建好了Repository层,本篇就剩下增删改查的界面了......今天的阳光真特么好,写完本篇,好出去在阳光下溜溜狗.散散步什么的,正所谓文武之道一张一弛,走神了,进入正题. 首先是一个View Model,在这里定义验证规则,提交和保存数据的时候还必须和领域模型映射. using System; using System.ComponentModel.DataAnnotat

Asp.Net MVC4开发二: Entity Framework在Asp.Net MVC4中的应用

ORM作为一种数据库访问机制已广泛地应用于各种项目当中,在.Net开发中,应用比较广泛的ORM框架大致有下面几个: 官方支持的有:Linq to SQL,Entity Framework.三方的有:NHibernate.前面介绍过Linq to SQL的应用,这篇介绍一下Entity Framework在Asp.Net MVC4中的应用. 首先用Visual Studio(2012或2013,其它版本需要安装Asp.Net MVC4)创建一个Asp.Net MVC4的项目,项目创建完成后会发现E

Spring.Net IOC基本应用和在MVC4中的应用

1.Spring.Net的IOC简单应用 新建一个解决方案添加一个控制台应用程序和一个业务层一个业务层的接口层,通过配置,让控制台应用程序调业务层的方法 1)新建如下图所示,BLL为业务层,通过Spring.Net在Demo控制台应用程序中获取BLL中UserInfoService的方法 2)在Demo项目文件夹中新建一个Lib文件夹用来放第三方类库,把Spring.Net的核心类库Spring.Core.dll和Common.Logging.dll放进去然后Demo项目引用一下 3)给Demo

MVC3和MVC4中CRUD操作

MVC3中EF实现的CRUD操作 public class HomeController : Controller { // // GET: /Home/ CarModelContainer db = new CarModelContainer(); #region 查询所有 +Index() public ActionResult Index() { List<CarModel> list = (from c in db.CarModel select c).ToList(); //View

EXTJS中grid的数据特殊显示,不同窗口的数据传递

//EXTJS中grid的数据特殊显示renderer : function(value, metaData, record, rowIndex, colIndex, store, view) { var USED_AMOUNT_ = 0; for (var i = 0; i < matMonthPlanHisList.length; i++) { if(matMonthPlanHisList[i].MAT_NO_ == record.get('MAT_NO_')){ USED_AMOUNT_

浅析在QtWidget中自定义Model

Qt 4推出了一组新的item view类,它们使用model/view结构来管理数据与表示层的关系.这种结构带来的功能上的分离给了开发人员更大的弹性来定制数据项的表示,它也提供一个标准的model接口,使得更多的数据源可以被这些item view使用.这里对model/view的结构进行了描述,结构中的每个组件都进行了解释.. 一直觉得Qt里的Model-View概念极其神秘, 因为看过很多一知半解的source code, 却总是咋看咋不懂,急了满头大汗之余不禁感叹 — 老了,脑子不够用了!

MVC4中基于bootstrap和HTML5的图片上传Jquery自定义控件

场景:mvc4中上传图片,批量上传,上传前浏览,操作.图片进度条. 解决:自定义jquery控件 没有解决:非图片上传时,会有浏览样式的问题; 解决方案; 1.样式 – bootstrap 的css和图标与metro-ui-css的部分css 2.js 自定义控件 3.后台 mvc4 ------------------------------------------------- 1. [class*=border-color] { border: 2px solid; } .border-c

ASP.NET MVC中对Model进行分步验证的解决方法

原文:ASP.NET MVC中对Model进行分步验证的解决方法 在我之前的文章:ASP.NET MVC2.0结合WF4.0实现用户多步注册流程中将一个用户的注册分成了四步,而这四个步骤都是在完善一个Model的信息,但是又分页面填写信息的,当时我加上ModelState.IsValid这句验证代码的时候,根本没法通过验证,因为在注册的前面三步,注册用户的Model信息都没填写完整,而ModelState.IsValid是对一个实体的所有属性进行判断验证的.当时很纠结,因为刚接触Asp.net