07.net网站开发（前端）：4.MVC HtmlHelper

923723914

浏览: 635080 次

最近访客更多访客>>

rattersnake

u012363178

jiefengwen

wanghaojava

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (1376)

社区版块

存档分类

通过前面三节，已经大概理解MVC是怎样运作的了。MVC的一个特点就是可以很方便地控制视图效果，数据交互也很灵活。先讲一下视图控制的，HtmlHelper，看到Help就知道它是不知疲惫的好人啦（有点像SQLHelper？）

.net MVC自带的HtmlHelper自带一部分功能，但如果我们不自定义自己功能，它能实现的效果也就和<input>标签差不多吧。先看下自带的效果：

一：创建一个HtmlHelper的控制器（名字为别的也行~）

为Index添加视图

<body>
    <div>
    <%--链接文字--%>
    <%:Html.ActionLink("链接文字?","About","Home") %>    </br>
　　<%:Html.ActionLink("红色的链接文字", "About", "Home",new { Style="color:red;"})%>    </br>
 //<%--(但此次的Url链接不知道为什么新增了几个字符)--%>
//<a Style="color:red;" href="/HtmlHelper/About?Length=4">红色的链接文字</a>
　　
    <%--文本框--%>
    <%:Html.TextBox("txtName","乡巴佬") %>     </br>  
    <%--单选控件（控件名相同表示为同一组）--%>
    男：<%:Html.RadioButton("txtGender",1,true) %>     </br>
    女：<%:Html.RadioButton("txtGender",2,false) %>     </br>
    <%--ComboBox（先到控制器发送一个数据到视图）--%>     </br>
    <%:Html.DropDownList("city")%>     </br>
    </div>
</body>

控制器代码：

public ActionResult Index()
        {
            ViewData["city"] = new List<SelectListItem>()
                                {
            new SelectListItem(){Selected=false,Text="揭阳",Value="2"},
            new SelectListItem(){Selected=false,Text="惠州",Value="2"}
                                };
            return View();
        }

二：为HtmlHelpert添加自己的方法

（试想一下，如果你很多页面经常要使用一个功能，如表格数据展示，而且格式差不多，那就可以传入参数写到HtmlHelper类中去，这样子，前端使用的时候，只需要短短一行代码即可，而不需要再写table标签啊for循环啊）

在Model下新增一个类:MyHtmlHelper

using System.Web.Mvc;
//using System.Web.Mvc并将namespace该为System.Web.Mvc，这样前台使用时新创建的方法就不用再解析了。
namespace System.Web.Mvc 
{
    //修改为静态方法
    public static class MyHtmlHelper
    {
        //扩展方法（本质是静态方法），为this关键词的类新增另定义的方法。
        public static MvcHtmlString showMyLable(this HtmlHelper helper, string lbText)
        {
            //不要return string类型而是 return MvcHtmlString类型，因为前者会自动加上转义符传到前台。
            return MvcHtmlString.Create(string.Format("<span>{0}</span>", lbText));
　　//也可以使用HtmlString
        }
    }
}

前台使用：

<%:Html.showMyLable("自定义label") %>

分享到：

二叉树的建立(非递归) | 欧特克开发者训练营（Autodesk DevCamp 201 ...

2013-08-21 21:03
浏览 237
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

07.net网站开发（前端）：4.MVC HtmlHelper

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

07.net网站开发（前端）：4.MVC HtmlHelper

评论

发表评论

相关推荐

最近访客更多访客>>