zoukankan      html  css  js  c++  java
  • DropDownList绑定数据

    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>

    本文来自博客园,作者:.net&new,转载请注明原文链接:https://www.cnblogs.com/wugh8726254/p/15245324.html

  • 相关阅读:
    页面上有10个多选框,实现三个按钮(重置、反选、全选)功能
    鼠标点哪 哪出15*15的圆型div
    es写简单的留言板
    面试准备(3)事件循环
    面试准备(2)async+await的使用与原理
    面试准备(1)重排与重绘和验证码
    vue项目修改el-input样式
    echarts画雷达图详解
    决心
    国庆中秋
  • 原文地址:https://www.cnblogs.com/wugh8726254/p/15245324.html
Copyright © 2011-2022 走看看