Mvc学习
Html.DropDownList使用
public ActionResult AddPerson() {
IList<MvcAppTest.Models.DataDemoModels> person = Helpers.xmlHelper.GetXmlElement(Server.MapPath(@"~/Content/PersonInfo.xml"));
/******************** //第一种方法。 *******************/
IEnumerable<SelectListItem> items = person.Select(
c => new SelectListItem
{
Value = c.UserID.ToString(),
Text = c.UserName
});
ViewData["UserNames"] = items;
/********************* end *****************************/
/******************** //第二种方法。 *******************/
var query = person.Select(c => new { c.UserID, c.UserName });
ViewData["query"] = new SelectList(query.AsEnumerable(), "UserID", "UserName",4);
/******************* end ******************************/
/*******使用方法绑定性别(sex)列******************/
List<SelectListItem> list = new List<SelectListItem> {
new SelectListItem{Text="男",Value="true"},
new SelectListItem{Text="女",Value="false"}
};
ViewData["Sex"] = list;
return View();
}
页面写法:
<div>
<%= Html.DropDownList("UserNames","第一种方法实现") %>
</div>
<div>
<%= Html.DropDownList("DemoName", (IEnumerable<SelectListItem>)ViewData["query"], new { οnchange="javascript:getOption();"})%>
</div>
<%= Html.DropDownList("Sex") %>
MVC中Html.RadioButton的使用:
<%= Html.RadioButton("PSex", "1", new { @id = "man1", onclick = "changeRadio('man1','man2');" })%>男
<%= Html.RadioButton("PSex", "2", new { @id="man2",οnclick="changeRadio('man2','man1');"}) %>女
<script type="text/javascript">
var t = function(id) { return document.getElementById(id)}
var changeRadio = function(id1, id2) {
if (t(id1).checked) {
t(id2).checked = false;
} else {
t(id2).checked = true;
}
}
</script>
在Models中处理验证。如下:
[DataType(DataType.PhoneNumber,ErrorMessage="输入手机号码!")]
[DisplayName("手机")]
[Description("存放手机号码信息")]
[RegularExpression(@"^1[3,5,6]{1}\d{9}$",ErrorMessage="输入的手机号码不合法!")]
public string PTel { get; set; }
[DataType(DataType.EmailAddress,ErrorMessage="输入正确的Email地址!")]
[DisplayName("Email地址")]
[Description("存放EMail地址信息")]
[RegularExpression(@"^\w+([\-+.]\w+)*@\w+([\-.]\w+)*\.\w+([\-.]\w+)*$", ErrorMessage = "请输入正确的Email地址!")]
public string PEmail { get; set; }
在View页面中,在<% using (Html.BeginForm()) {%>前
加上 <% Html.EnableClientValidation(); %> 就可以实现客户端验证。