MVC的控件写法
浏览数：25 /
时间：2015年06月09日
<1>YYController 控制器
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Collections;
namespace MvcFirst.Controllers
{
public class YYController : Controller
{
//
// GET: /YY/
public ActionResult Index()
{
return View();
}
public ActionResult HttpHelper()
{
//给下拉框赋值的第一种写法
IList<SelectListItem> list = new List<SelectListItem>();
SelectListItem item1 = new SelectListItem() { Selected = false, Text = "北京", Value = "1" };
SelectListItem item2 = new SelectListItem() { Selected = false, Text = "上海", Value = "2" };
SelectListItem item3 = new SelectListItem() { Selected = false, Text = "广州", Value = "3" };
list.Add(item1);
list.Add(item2);
list.Add(item3);
ViewData["City"] = list;
//给下拉框赋值的第二种写法
ViewData["Province"] = new List<SelectListItem>(){
new SelectListItem(){Selected=true,Text="湖南",Value="hn"},
new SelectListItem(){Selected=false,Text="广东",Value="gd"},
new SelectListItem(){Selected=false,Text="江苏",Value="js"},
};
ViewData["UserName"] = "你好，中国";
return View();
}
}
}<2>视图
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<!DOCTYPE html>
<html>
<head runat="server">
<meta name="viewport" content="width=device-width" />
<title>HttpHelper</title>
</head>
<body>
<div>
<%-- ------------------------------------------------------------DropDownList下拉列表-----------------------%>
<%--这个DropDownList的name属性值为“City”,那么它就会自动去控制器里面去找Key为City的ViewData,然后将ViewData["City"]的数据往Html.DropDownList里面装配【即将ViewData["City"]的数据绑定到Html.DropDownList上来】--%>
<%:Html.DropDownList("City") %>
<%:Html.DropDownList("Province")%>
<br />
<%--因为ViewData["City"]是一个list所以不能用这种字典来取值--%>
<%--<%:ViewData["City"] %>--%>
<%-- ---------------------------------------------------------TextBox 单行文本框----------------------------%>
<%--这个TextBox的name属性值为“UserName”,那么它可以自动去控制器的里面去取key为UserName的ViewData,让后给ViewData["UserName"]的值赋给Html.TextBox()的value属性--%>
<%:Html.TextBox("UserName") %><br />
<%-- ---------------------------------------------------------TextArea 多行文本框----------------------------%>
<%--创建一个5行6列的多行文本框，文本框的默认值为"",并给它添加一个id属性并赋值为txts--%>
<%:Html.TextArea("txt1","",5,6,new {id="txts"}) %><br />
<%-- ------------------------------------------------------RadiodButton单选框----------------------%>
<%--Html.RadioButton的name属性为radio1,这三个Html.RadioButton的name属性一定要一致，才可以互斥--%>
男<%:Html.RadioButton("radio1", "男", true, new {id="la" })%>
女<%:Html.RadioButton("radio1","女",false) %>
保密<%:Html.RadioButton("radio1","保密",false)%><br />
<%-- ------------------------------------------------------CheckBox复选框----------------------%>
跑步<%:Html.CheckBox("CheckBox1",true) %>
<%--给Html.CheckBox这个复选框的name值设为CheckBox2,设为选中，并给它添加两个属性，一个属性是id,并赋值"langqiu",另外一个属性是lable，并赋值为”篮球“--%>
篮球<%:Html.CheckBox("CheckBox2", true, new { id="langqiu", lable = "篮球"})%>
骑马<%:Html.CheckBox("CheckBox3",false) %><br />
</div>
</body>
</html>
然后打开该页面的源文件看看，它们都解析成什么样了？
<!DOCTYPE html>
<html>
<head><meta name="viewport" content="width=device-width" /><title>
HttpHelper
</title></head>
<body>
<div>
<select id="City" name="City"><option value="1">北京</option>
<option value="2">上海</option>
<option value="3">广州</option>
</select>
<select id="Province" name="Province"><option selected="selected" value="hn">湖南</option>
<option value="gd">广东</option>
<option value="js">江苏</option>
</select>
<br />
<input id="UserName" name="UserName" type="text" value="你好，中国" /><br />
<textarea cols="6" id="txts" name="txt1" rows="5">
</textarea><br />
男<input checked="checked" id="la" name="radio1" type="radio" value="男" />
女<input id="radio1" name="radio1" type="radio" value="女" />
保密<input id="radio1" name="radio1" type="radio" value="保密" /><br />
跑步<input checked="checked" id="CheckBox1" name="CheckBox1" type="checkbox" value="true" /><input name="CheckBox1" type="hidden" value="false" />
篮球<input checked="checked" id="langqiu" lable="篮球" name="CheckBox2" type="checkbox" value="true" /><input name="CheckBox2" type="hidden" value="false" />
骑马<input id="CheckBox3" name="CheckBox3" type="checkbox" value="true" /><input name="CheckBox3" type="hidden" value="false" /><br />
</div>
</body>
</html>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
