1.动态生成URL

• @Url.Action("Index3","Stu3")
• @Url.RouteUrl("Default2", new { controller = "Stu3", action = "Index3", id = UrlParameter.Optional })
• ---

2.在视图上直接请求其他action

• • @Html.Action("actionName")

---

3.生成超链接

• • @Html.ActionLink("我是超链接~", "Party", "Home", new { id = "newId", style = "color:red" })

---

4.表单Form

• 4.1.@using (Html.BeginForm())
• 4.2.Begin End
• ---

5.弱类型和强类型方法

• 5.1.弱类型方法：@Html.TextBox("Title",model.Title);
• 5.2.强类型方法：@Html.TextBoxFor(s=>s.Name)
• ---

6.LabelFor & 模型元数据

• • @Html.LabelFor(s=>s.Name)

---

7.Display / Editor 模型元数据

• [DataType(DataType.Password)]
• @Html.EditorFor(s=>s.Name)

 

1.动态生成URL

 

RouteConfig.cs

routes.MapRoute(                name: "Default",                url: "{controller}/{action}/{id}",                defaults: new { controller = "Stu", action = "Index", id = UrlParameter.Optional }            );            routes.MapRoute(                name: "Default2",                url: "{action}/{controller}/{id}",//{action}/{controller}位置改编                defaults: new { controller = "Stu", action = "Index", id = UrlParameter.Optional }            );

 

Html/index.cshtml

直接编写 url 造成格式固定，不灵活
1.去玩
Url.Action 方法 根据 路由规则生成 url 地址
2.去玩Url.Action
Url.RouteUrl 方法 根据 路由 name 生成 url 地址，更灵活
    3.去玩 Url.RouteUrl

 

2.在视图上直接请求其他action

@Html.Action("actionName")

参考：8.4

 

3.生成超链接

@Html.ActionLink("我是超链接~", "Party", "Home", new { id = "newId", style = "color:red" })

html源代码

我是超链接~

 

4.表单Form

 

4.1.强烈推荐第一种用法

@using (Html.BeginForm("HandleForm", "Home", FormMethod.Post, new { id = "form1" })){    }

4.2.Begin End

@Html.BeginForm("HandleForm", "Home", FormMethod.Post, new { id = "form2" })@{
   Html.EndForm();}

 

5.弱类型和强类型方法

5.1.弱类型方法：

指定 name 和 value

@Html.TextBox("Title",model.Title);

@Html.RadioButton("chkHabit","篮球",true)

等其他控件方法也一样

 

5.2.强类型方法：

强类型方法名有"For"后缀

 

因为在Razor引擎内部，<> 尖括号在这里被识别为html标签

通过lambda表达式指定模型属性(@model)

@model _06MVCAjax_CodeFirst.Models.Student

@Html.TextBoxFor(s=>s.Name)

@Html.DropDownListFor(s => s.Cid, ViewBag.seList as IEnumerable
    
     )
    

特殊案例：

单选按钮：性别

@*保密                男                女*@@Html.RadioButtonFor(s => s.Gender, "保密", new { id = "GenderFF" })保密                @Html.RadioButtonFor(s => s.Gender, "男", new { id = "GenderM" })男                @Html.RadioButtonFor(s => s.Gender, "女", new { id = "GenderW" })女

js

//性别                    if (jsonObj.Data.Gender=="男") {                        $("#GenderFF").removeAttr("Checked");                        $("#GenderW").removeAttr("Checked");                        $("#GenderM").attr("Checked","Checked");                    }else if (jsonObj.Data.Gender=="女") {                        $("#GenderFF").removeAttr("Checked");                        $("#GenderM").removeAttr("Checked");                        $("#GenderW").attr("Checked","Checked");                    }else {                        $("#GenderM").removeAttr("Checked");                        $("#GenderW").removeAttr("Checked");                        $("#GenderFF").attr("Checked","Checked");                    }

6.LabelFor & 模型元数据

把姓名，班级，性别改为lable标签

@Html.LabelFor(s=>s.Name)

@Html.LabelFor(s => s.Cid)

@Html.LabelFor(s => s.Gender)

效果如下：

<label for="Name">Name</label>

<label for="Cid">Cid</label>

<label for="Gender">Gender</label>

 

解决方案：

模型类的元数据包括：属性(名称和类型) 与特性包含的值。

为实体类属性设置 DisplayName 特性：

[DisplayName("班级名")]        public Nullable
    
      Cid { get; set; }
    

注意：DisplayName需要命名空间

using System.ComponentModel;

生成的html代码：

<label for="Name">姓名</label>

 

7.Display / Editor 模型元数据

/ @Html.Display 可以通过读取特性值生成HTML：

[DataType(DataType.Password)]        public string Name { get; set; }

注意：DataType需要命名空间:

using System.ComponentModel.DataAnnotations;

在 新增/修改 页面上显示某个属性的input标签：

@**@@Html.EditorFor(s=>s.Name)

生成的html代码：

<input type="password" value="" name="Name" id="Name" class="text-box single-line password">