@Html的用法

2024年5月1日发(作者：)

1.@Link(Text , ViewName,object routeValues)

@Link(Text,ViewName,ControlName)

yFor( modelitem => )

y

4. @();

在 MVC框架中没有了自己的控件，页面显示完全就回到了写html代码

的年代。还好在 mvc框架中也有自带的HtmlHelper和UrlHelper两个

帮助类。另外在MvcContrib扩展项目中也有扩展一些帮助类，这样我们就不光

只能使用完整的html来编写了需要显示的页面了，就可以使用这些帮助类来完

成，但最后运行时都还是要生成html代码的。

先来看看HtmlHelper能帮我们生成一些什么样的html呢。直接看效果吧。

1.使用HtmlHelper生成超链接:

<%=Link("我是超链接","") %>

2.使用HtmlHelper生成表单:

<% orm("Index", "Simple", , new { id

= "myForm" }); %>

<% m();%>

3.使用HtmlHelper根据路由规则生成表单:

<% outeForm(new { controller = "Simple", action =

"Demo" }); %>

<%m(); %>

4.使用HtmlHelper生成一个复选框：

<%= ox("checkBox",new { id="myCheckBox" })%>复选框

5.使用HtmlHelper生成上拉列表框:

<% var dropList = new List();

for (int i = 0; i < 5; i++)

{

var dropItem = new SelectListItem();

= ng();

= ng();

(dropItem);

}

%>

<%=wnList("myList", dropList, new { style =

"width:100px;" })%>

6.使用HtmlHelper生成隐藏域:

<%=("hidden") %>

7.使用HtmlHelper生成列表框：

<%var list = new List();

for (var i = 0; i < 5; i++)

{

var item = new SelectListItem();

= ng();

= ng();

(item);

}

%>

<%=x("listBox", list, new {style="width:100px;" })%>

8.使用HtmlHelper生成密码输入框:

<%=rd("password","longgel") %>

9.使用HtmlHelper生成单选框:

<%=utton("radio","boy",true) %>男

<%=utton("radio","girl",false) %>女

10.使用HtmlHelper生成部分视图（用户控件）：

<% Partial("PartialView"); %>

11.使用HtmlHelper根据路由规则生成超链接：

<%= ink("我是由路由生成的超链接",new

{controller="Simple",action="Index"}) %>

12.使用HtmlHelper生成富文本框：

<%=ea("myTxtArea",new{style="width:300px;

height:100px;"}) %>

13.使用HtmlHelper生成文本框：

<%=x("myTxtBox","我是文本框")%>