ASP.NETMVC中怎么实现下拉框绑定-创新互联

ASP.NET MVC中怎么实现下拉框绑定，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

创新互联公司专注于龙胜企业网站建设,响应式网站,商城网站建设。龙胜网站建设公司,为龙胜等地区提供建站服务。全流程定制网站制作，专业设计，全程项目跟踪，创新互联公司专业和态度为您提供的服务

下拉框硬编码【一】

我们在控制器中给出如下数据并利用ViewBag来进行传递

   ViewBag.hard_value = new List() { 
    new SelectListItem(){Value="0",Text="xpy0928"},
    new SelectListItem(){Value="1",Text="cnblogs"}
   };

在数据中进行如下绑定

复制代码 代码如下:

 @Html.DropDownList("hard-code-dropdownlist", new SelectList(ViewBag.hard_value, "Value", "Text"), new { @class = "btn btn-success dropdown-toggle form-control" })

下面我们来看看效果：

下拉框读取数据库【二】

这个要读取数据库，我们就给出一个类测试就ok，并给出默认选中值，测试类：

public class BlogCategory
  {
   public int CategoryId { get; set; }
   public string CategoryName { get; set; }

  }

绑定ViewBag传值：

//从数据库中读取
   var categoryList = new List() { 
    new BlogCategory(){CategoryId=1,CategoryName="C#"},
    new BlogCategory(){CategoryId=2,CategoryName="Java"},
    new BlogCategory(){CategoryId=3,CategoryName="JavaScript"},
    new BlogCategory(){CategoryId=4,CategoryName="C"}
   };
   var selectItemList = new List() { 
    new SelectListItem(){Value="0",Text="全部",Selected=true}
   };
   var selectList = new SelectList(categoryList, "CategoryId", "CategoryName");
   selectItemList.AddRange(selectList);
   ViewBag.database = selectItemList;

视图稍加修改：

复制代码 代码如下:

@Html.DropDownList("database-dropdownlist", ViewBag.database as IEnumerable, new { @class = "btn btn-success dropdown-toggle form-control" })

看看效果：

中 ViewBag.database 需要进行转换否则出现如下错误：

 CS1973: “System.Web.Mvc.HtmlHelper”没有名为“DropDownList”的适用方法，但似乎有一个具有该名称的扩展方法。扩展方法不能进行动态调度。请考虑强制转换动态参数，或调用该扩展方法但不使用扩展方法语法。

下拉框绑定枚举【三】（一）

 我们同样给出一个测试类：

public enum Language
  {
   Chinese,
   English,
   Japan,
   Spanish,
   Urdu
  }

获取枚举值并绑定：

 ViewBag.from_enum = Enum.GetValues(typeof(Language)).Cast();

视图给出：

复制代码 代码如下:

@Html.DropDownList("database-dropdownlist", new SelectList(ViewBag.from_enum), new { @class = "btn btn-success dropdown-toggle form-control" })

继续看看成果：

下拉框绑定枚举【三】（二）

 利用扩展方法  @Html.EnumDropDownListFor 来实现。接下来依次给出两个类来进行演示：

 public class StudentModel
 {
  [Display(Name = "语言")]
  public ProgrammingLanguages Language { get; set; }
 }

public enum ProgrammingLanguages
 {
  [Display(Name = "ASP.NET")]
  ASPNet,
  [Display(Name = "C# .NET")]
  CSharp,
  [Display(Name = "Java")]
  Java,
  [Display(Name = "Objective C")]
  ObjectiveC,
  [Display(Name = "Visual Basic .NET")]
  VBNet,
  [Display(Name = "Visual DataFlex")]
  VisualDataFlex,
  [Display(Name = "Visual Fortran")]
  VisualFortran,
  [Display(Name = "Visual FoxPro")]
  VisualFoxPro,
  [Display(Name = "Visual J++")]
  VisualJPlus
 }

在视图中进行绑定：

 
  @Html.LabelFor(model => model.Language, htmlAttributes: new { @class = "control-label col-md-2" })
  
   @Html.EnumDropDownListFor(model => model.Language, htmlAttributes: new { @class = "form-control" })
   @Html.ValidationMessageFor(model => model.Language, "", new { @class = "text-danger" })