ASP.NET MVC 下拉框的传值的两种方式

        以前使用WebForm变成时，下拉框传值只需直接在后台绑定代码就可以了。现在我们来看看在MVC中DropDownList是如果和接受从Controller传过来的值的。

    第一种：使用DropDownList

    控制器代码：

1.  
   public ActionResult Index()
2.  
   {
3.  
    
4.  
   //1.1查询YzSeriesEntity的数据
5.  
   List seriesList = seriesBLL.LoadEnities().ToList();
6.  
   //1.2将YzSeriesEntity的数据封装到 SelectList中，制定要生成下拉框选项的value和text属性
7.  
   SelectList selList1 = new SelectList(seriesList, "SerialName", "SerialName");
8.  
    
9.  
   //2.1查询YzDivisionEntity的数据
10.  
    List divisionList = divisionBLL.LoadEnities().ToList();
11.  
    //2.2讲YzDivisionEntity的数据封装到 SelectList中，制定要生成下拉框选项的value和text属性
12.  
    SelectList selList2 = new SelectList(divisionList, "DivisionName", "DivisionName");
13.  
     
14.  
    //3.调用Selectlist的As方法，自动生成SelectListItem集合，并存入ViewBag中
15.  
    ViewBag.selList1 = selList1.AsEnumerable();
16.  
    ViewBag.selList2 = selList2.AsEnumerable();
17.  
     
18.  
    return View();
19.  
    }

    视图代码：

1.  
2.  
   div id="addDiv">
3.  
   @using (Ajax.BeginForm("Add", new AjaxOptions() { OnSuccess = "afterAdd" }))
4.  
   {
5.  
   table>
6.  
   tr>
7.  
   td>编号：td>
8.  
   td>
9.  
   @Html.TextBox("StaffID")
10.  
    td>
11.  
    tr>
12.  
    tr>
13.  
    td>姓名：td>
14.  
    td>@Html.TextBox("StaffName")td>
15.  
    tr>
16.  
    tr>
17.  
    td>性别：td>
18.  
    td>
19.  
    input type="radio" id="GenderM" name="Sex" value="男" />男
20.  
    input type="radio" id="GenderF" name="Sex" value="女" checked />女
21.  
    td>
22.  
    tr>
23.  
    tr>
24.  
    td>所在系列：td>
25.  
    td>
26.  
    @Html.DropDownList("SerialName", ViewBag.selList1 as IEnumerableSelectListItem>)
27.  
    td>
28.  
    tr>
29.  
    tr>
30.  
    td>科室或年级组：td>
31.  
    td>
32.  
    @Html.DropDownList("DivisionName", ViewBag.selList2 as IEnumerableSelectListItem>)
33.  
    td>
34.  
    tr>
35.  
    tr>
36.  
    td>任课学科：td>
37.  
    td>
38.  
    @Html.TextBox("Subjects")
39.  
    td>
40.  
    tr>
41.  
    tr>
42.  
    td>聘任日期：td>
43.  
    td>
44.  
    @Html.TextBox("EngageDate")
45.  
    td>
46.  
    tr>
47.  
    tr>
48.  
    td>参加工作日期：td>
49.  
    td>
50.  
    @Html.TextBox("WorkDate")
51.  
    td>
52.  
    tr>
53.  
    tr>
54.  
    td>职称：td>
55.  
    td>
56.  
    @Html.TextBox("jobQualification")
57.  
    td>
58.  
    tr>
59.  
    tr>
60.  
    td>身份证号：td>
61.  
    td>
62.  
    @Html.TextBox("IdentityCard")
63.  
    td>
64.  
    tr>
65.  
     
66.  
    table>
67.  
    }
68.  
     
69.  
    div>

    效果显示：

    第二种：使用

    视图代码：

1.  
2.  
   div>
3.  
   span>@Html.Label("请选择权重：")span>
4.  
   span>
5.  
   select id="cc" class="easyui-combobox" name="dept"
6.  
   data-options="valueField:‘ID‘,textField:‘Weight‘,url:‘/SettingEvaluation/ListOption‘" />
7.  
   span>
8.  
   div>

    控制器代码：    

1.  
   //下拉框对应的列表
2.  
   public ActionResult ListOption()
3.  
   {
4.  
   //2.1.查询出weight实体,并将其转成DTO类型
5.  
   List weightList =
6.  
   weightBLL.LoadEnities().ToList().Select(s => s.ToDto()).ToList();
7.  
   //2.2返回json
8.  
   return Json(weightList, JsonRequestBehavior.AllowGet);
9.  
    
10.  
    }

    效果显示：

    总结：

    两种传值方式的比较：

    第一种是控制器通过ViewBag传值，前台通过@Html.DropDownList接收；第二种是通过Json传值，前台通过url绑定valueField和textField的值来获取数据。两者没有什么太大的不同，但是由于传值使用接收的，使用的是HTML标签，所以还可以用来绑定其他的js事件，所以如果有功能需要的话，后者要比前者灵活些。