zoukankan      html  css  js  c++  java
  • Asp.Net MVC绑定DropDownList等控件

    测试环境:vs2013、.Net4.5、mvc5

    一、Asp.Net MVC绑定控件原理说明

    以Html.TextBox为例

            /// <param name="name">名称,对应name和ID</param>
            /// <param name="value">value值,如果value为null或不存在,那么此时value自动等于name。获取的顺序为:先从ViewData中查找是否存在键值为name值的项,如果ViewData中没有则从ViewData.Model中查找是否存在名称为name值的属性,如果仍然不存在,则返回null。</param>
            /// <returns></returns>
            public static MvcHtmlString TextBox(string name, object value);

    控制器代码:

    ViewData["name"] = "张三";

    视图代码:

    @Html.TextBox("name")

    编译代码:

    <input id="name" name="name" type="text" value="张三" />
    //把ViewData["name"]值自动绑定到value

    同理可绑定的还有:label、RadioButton、CheckBox、TextArea、Hidden等input标签控件

    DropDownList与texttbox等原理一样,但是DropDownList的选项需要是集合而不是一个字符串值,所以需要用一下方法绑定

    二、Asp.Net MVC绑定DropDownList

      1、方法1:List<SelectListItem>常规绑定法

    controller代码:

    List<SelectListItem> items = new List<SelectListItem>();
    items.Add(new SelectListItem { Text = "篮球", Value = "1" });
    items.Add(new SelectListItem { Text = "足球", Value = "2",Selected=true });
    items.Add(new SelectListItem { Text = "台球", Value = "3" });
    ViewData["ddlQiu"] = items;

    view代码:

    @Html.DropDownList("ddlQiu")

    编译代码:

    <select id="ddlQiu" name="ddlQiu">
    <option value="1">篮球</option>
    <option selected="selected" value="2">足球</option>
    <option value="3">台球</option>
    </select>

      2、方法2:SelectList对象绑定法

    ASP.NET MVC为DropDownList和ListBox(都在html中使用select标记)准备了一个辅助类型:SelectList。

    SelectList继承自MultiSelectList,而后者实现了IEnumerable<SelectListItem>。也就是说,SelectList可以直接作为Html.DropDownList方法的第二个参数。

    MultiSelectList包含四个属性,分别为:

    • Items:用于在select标记中出现的列表,通常使用option标记表示。IEnumerable类型。
    • DataTextField:作为option的text项,string类型。
    • DataValueField:作为option的value项,string类型。
    • SelectedValues:选中项的value值,IEnumerable类型。

    controller代码:

    var listCity = db.City.Where(x => x.ParentId == 0);
    var ddlList = new SelectList(listCity, "id", "name", "9");
    
    ViewData["ddlCity"] = ddlList;

    voew代码:

    @Html.DropDownList("ddlCity")

    编译代码:

    <select id="ddlCity" name="ddlCity">
    <option value="1">北京</option>
    <option value="2">天津</option>
    <option value="3">河北省</option>
    <option value="4">山西省</option>
    <option value="5">内蒙古自治区</option>
    <option value="6">辽宁省</option>
    <option value="7">吉林省</option>
    <option value="8">黑龙江省</option>
    <option selected="selected" value="9">上海</option>
    <option value="10">江苏省</option>
    <option value="11">浙江省</option>
    <option value="12">安徽省</option>
    <option value="13">福建省</option>
    <option value="14">江西省</option>
    <option value="15">山东省</option>
    <option value="16">河南省</option>
    <option value="17">湖北省</option>
    <option value="18">湖南省</option>
    <option value="19">广东省</option>
    <option value="20">广西壮族自治区</option>
    <option value="21">海南省</option>
    <option value="22">重庆</option>
    <option value="23">四川省</option>
    <option value="24">贵州省</option>
    <option value="25">云南省</option>
    <option value="26">西藏自治区</option>
    <option value="27">陕西省</option>
    <option value="28">甘肃省</option>
    <option value="29">青海省</option>
    <option value="30">宁夏回族自治区</option>
    <option value="31">新疆维吾尔自治区</option>
    <option value="33">香港特别行政区</option>
    <option value="34">澳门特别行政区</option>
    <option value="3525">国外</option>
    </select>

    //两种方法都可以,喜欢哪个用哪个

  • 相关阅读:
    设计模式
    idea多个项目
    多个tomcat配置
    mysql数据库默认时间字段格式
    读取文件
    上传图片
    数据库创建用户授权
    统计12个月份的数据
    行列转换
    分页
  • 原文地址:https://www.cnblogs.com/webapi/p/9496604.html
Copyright © 2011-2022 走看看