博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
MVC - 12.HtmlHelper
阅读量:6296 次
发布时间:2019-06-22

本文共 3752 字,大约阅读时间需要 12 分钟。

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

image

 

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

image

 

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"后缀

 

image

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

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

@model _06MVCAjax_CodeFirst.Models.Student

image

@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)

效果如下:

image

<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">

转载地址:http://wblta.baihongyu.com/

你可能感兴趣的文章
OSChina 周二乱弹 —— 这简直是对佛祖的DDoS攻击啊
查看>>
OSChina 周三乱弹 —— 孤独到都和病毒发生了感情了
查看>>
css中.和#的区别 不写时代表什么
查看>>
elementui tree组件层级过多时可左右滚动
查看>>
elementui select组件选中后无法自动刷新更新值渲染到页面中
查看>>
IO之文件读写
查看>>
MongoDB副本集
查看>>
qt实现-给SQLITE添加自定义函数
查看>>
[Spring MVC起步]我的第一个MVC
查看>>
C语言中使用MySQL(Linux下)
查看>>
ServiceHot告诉你美国的程序员们各编程语言薪资情况
查看>>
js数组中forEach/some/every/map/filter/reduce的区别
查看>>
HBase–常用API操作篇
查看>>
USACO 1.0_Friday the Thirteenth
查看>>
内存是新的硬盘,硬盘是新的磁带
查看>>
安装gitblit
查看>>
Android Java虚拟机拦截技术分析
查看>>
第五章 深入理解Magento – Magento资源配置
查看>>
最近喜欢用markdown写笔记,贴个语法说明
查看>>
我的友情链接
查看>>