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

  • 相关阅读:
    3.Appium运行时出现:Original error: Android devices must be of API level 17 or higher. Please change your device to Selendroid or upgrade Android on your device
    3.Python连接数据库PyMySQL
    2.Python输入pip命令出现Unknown or unsupported command 'install'问题解决
    2.Linux下安装Jenkins
    5.JMeter测试mysql数据库
    Android 4学习(7):用户界面
    Android 4学习(6):概述
    Android 4学习(5):概述
    Android 4学习(4):概述
    Android 4学习(3):概述
  • 原文地址:https://www.cnblogs.com/chenboyi081/p/4461628.html
Copyright © 2011-2022 走看看