1. 程式人生 > >MVC4 中的Model顯示設定(含顯示Shared/DisplayTemplates和編輯Shared/EditorTemplates) MVC4 中的Model顯示設定(含顯示Shared/DisplayTemplates和編輯Shared/EditorTemplates)

MVC4 中的Model顯示設定(含顯示Shared/DisplayTemplates和編輯Shared/EditorTemplates) MVC4 中的Model顯示設定(含顯示Shared/DisplayTemplates和編輯Shared/EditorTemplates)

轉載於:

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