zoukankan      html  css  js  c++  java
  • MVC中的HtmlHelper

    authour: chenboyi
    updatetime: 2015-04-27 21:57:17
    friendly link:  

    目录:

    1,思维导图

    2,CodeSimple


    1.思维导图:

    2,CodeSimple:

    //HtmlHelperController.cs 
    1
    using MVC知识点.Models; 2 using System; 3 using System.Collections.Generic; 4 using System.Linq; 5 using System.Web; 6 using System.Web.Mvc; 7 8 namespace MVC知识点.Controllers 9 { 10 /// <summary> 11 /// 负责演示@Html 中的扩展方法,具体请看 Index.cshtml视图 12 /// </summary> 13 public class C03HtmlHelperController : Controller 14 { 15 // 16 // GET: /C03HtmlHelper/ 17 public ActionResult Edit() 18 { 19 Dog dog = new Dog() 20 { 21 Name = "小黄" 22 , 23 Age = 2, 24 Gender = false, TypeID=2 25 }; 26 27 List<Types> tlist = new List<Types>() { 28 new Types(){ TName="类型1", Tid=1}, 29 new Types(){ TName="类型2", Tid=2} 30 }; 31 /* 32 * SelectList:作用配合@Html.DropDownlist() @Html.DropDownlistFor() 两个使用的 33 * 第1个参数:List集合 34 * 第2个参数:生成到option中的value中的属性名称 35 * 第3个参数:生成到option中的text中的属性名称 36 * 第4个参数:指定要从绑定后的所有option中选择的对象项,和option中的value值进行比对 37 */ 38 //SelectList list = new SelectList(tlist, "Tid", "TName", 2); 配合@Html.DropDownlist() 方法的默认选择值 39 SelectList list = new SelectList(tlist, "Tid", "TName"); 40 41 //将list传入视图edit.cshtml 42 ViewBag.tlist = list; 43 44 return View(dog); 45 } 46 } 47 48 public class Types 49 { 50 public int Tid { get; set; } 51 public string TName { get; set; } 52 } 53 54 }
    <!--  edit.cshtml  -->
    1
    @{ 2 Layout = null; 3 } 4 @model MVC知识点.Models.Dog 5 6 <!DOCTYPE html> 7 8 <html> 9 <head> 10 <meta name="viewport" content="width=device-width" /> 11 <title>Edit</title> 12 </head> 13 <body> 14 <div> 15 //1.0 输出form表单的方式1 (html中的弱类型方法) 16 @* <form action="" method="">*@ 17 @{Html.BeginForm("Edit", "C03HtmlHelper", FormMethod.Post);} 18 19 @Html.TextBox("Name", Model.Name) @* <input type="text" name="Name" id="Name" value="小黄" />*@ 20 @Html.Password("Name1", Model.Name)<br /> 21 @Html.CheckBox("Gender", Model.Gender)<br /> 22 @Html.RadioButton("Gender", true, Model.Gender) 23 @Html.RadioButton("Gender", false, !Model.Gender)<br /> 24 @Html.DropDownList("Type", ViewBag.tlist as SelectList)<br /> 25 @Html.ActionLink("跳转", "Index", "C03HtmlHelper") 负责生成a标签 26 27 @{Html.EndForm();} 28 29 <br /> 30 //2.0 输出form表单的方式2 (强类型方法的演示,后面的编辑和新增都使用强类型方法来进行操作) 31 @using (Html.BeginForm("Edit", "C03HtmlHelper", FormMethod.Post)) 32 { 33 @Html.TextBoxFor(c => c.Name, new { style="color:yellow", @class="co" }) <br /> 34 @Html.PasswordFor(c => c.Name)<br /> 35 @Html.CheckBoxFor(c => c.Gender) <br /> 36 @Html.RadioButtonFor(c => c.Gender, true) 37 @Html.RadioButtonFor(c => c.Gender, false) 38 39 @Html.DropDownListFor(c=>c.TypeID,ViewBag.tlist as SelectList) 40 @Html.ValidationMessageFor(c=>c.TypeID) 41 } 42 </div> 43 </body> 44 </html>

    作者:Cboii

    本博客所有文章仅用于学习、研究和交流目的,欢迎非商业性质转载。

    由于博主的水平不高,不足和错误之处在所难免,希望大家能够批评指出。

    在wordpress安装、主题、插件以及开发上面有问题的,可以加入qq群:1140958614(Wp建站每日学习/交流群)进行学习和提问

    如果需要建站服务,可以直接联系我的qq:185369045

  • 相关阅读:
    经典句子与段落点滴记录
    人生成功的六匹马(转自喷嚏网的一篇品书)
    Android 时间 更新与同步
    Camera driver&V4L2驱动架构介绍
    SimpleApp例子中网络的形成过程(转)
    Zigbee之旅(十):综合小实验——基于CC2430的温度监测系统(转)
    ZStack协议中命令的概念(转)
    Zigbee之旅(八):几个重要的CC2430基础实验——看门狗(转)
    Zigbee之旅(七):几个重要的CC2430基础实验——DMA传输(转)
    Zigbee之旅(六):几个重要的CC2430基础实验——ADC单次采样(转)
  • 原文地址:https://www.cnblogs.com/chenboyi081/p/4461628.html
Copyright © 2011-2022 走看看