以前使用WebForm變成時，下拉框傳值只需直接在后臺綁定代碼就可以了?，F在我們來看看在MVC中DropDownList是如果和接受從Controller傳過來的值的。
第一種：使用DropDownList
控制器代碼：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
public ActionResult Index(){ //1.1查詢YzSeriesEntity的數據 List<Model.YzSeriesEntity> seriesList = seriesBLL.LoadEnities().ToList(); //1.2將YzSeriesEntity的數據封裝到 SelectList中，制定要生成下拉框選項的value和text屬性 SelectList selList1 = new SelectList(seriesList, "SerialName", "SerialName"); //2.1查詢YzDivisionEntity的數據 List<Model.YzDivisionEntity> divisionList = divisionBLL.LoadEnities().ToList(); //2.2講YzDivisionEntity的數據封裝到 SelectList中，制定要生成下拉框選項的value和text屬性 SelectList selList2 = new SelectList(divisionList, "DivisionName", "DivisionName"); //3.調用Selectlist的As方法，自動生成SelectListItem集合，并存入ViewBag中 ViewBag.selList1 = selList1.AsEnumerable(); ViewBag.selList2 = selList2.AsEnumerable(); return View();} |
視圖代碼：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
<!-------------- 添加對話框--------------><div id="addDiv"> @using (Ajax.BeginForm("Add", new AjaxOptions() { OnSuccess = "afterAdd" })) { <table> <tr> <td>編號：</td> <td> @Html.TextBox("StaffID") </td> </tr> <tr> <td>姓名：</td> <td>@Html.TextBox("StaffName")</td> </tr> <tr> <td>性別：</td> <td> <input type="radio" id="GenderM" name="Sex" value="男" />男 <input type="radio" id="GenderF" name="Sex" value="女" checked />女 </td> </tr> <tr> <td>所在系列：</td> <td> @Html.DropDownList("SerialName", ViewBag.selList1 as IEnumerable<SelectListItem>) </td> </tr> <tr> <td>科室或年級組：</td> <td> @Html.DropDownList("DivisionName", ViewBag.selList2 as IEnumerable<SelectListItem>) </td> </tr> <tr> <td>任課學科：</td> <td> @Html.TextBox("Subjects") </td> </tr> <tr> <td>聘任日期：</td> <td> @Html.TextBox("EngageDate") </td> </tr> <tr> <td>參加工作日期：</td> <td> @Html.TextBox("WorkDate") </td> </tr> <tr> <td>職稱：</td> <td> @Html.TextBox("jobQualification") </td> </tr> <tr> <td>身份證號：</td> <td> @Html.TextBox("IdentityCard") </td> </tr> </table> }</div> |
效果顯示：
第二種：使用<select></select>
視圖代碼：
|
1
2
3
4
5
6
7
8
|
<!--選擇權重--><div> <span>@Html.Label("請選擇權重：")</span> <span> <select id="cc" class="easyui-combobox" name="dept" data-options="valueField:'ID',textField:'Weight',url:'/SettingEvaluation/ListOption'" /> </span></div> |
控制器代碼：
|
1
2
3
4
5
6
7
8
9
10
|
//下拉框對應的列表public ActionResult ListOption(){ //2.1.查詢出weight實體,并將其轉成DTO類型 List<Model.DTO.YzWeightEntityDTO> weightList = weightBLL.LoadEnities().ToList().Select(s => s.ToDto()).ToList(); //2.2返回json return Json(weightList, JsonRequestBehavior.AllowGet);} |
效果顯示：
總結：
兩種傳值方式的比較：
第一種是控制器通過ViewBag傳值，前臺通過@Html.DropDownList接收；第二種是通過Json傳值，前臺通過url綁定valueField和textField的值來獲取數據。兩者沒有什么太大的不同，但是由于傳值使用<select></select>接收的，使用的是HTML標簽，所以還可以用來綁定其他的js事件，所以如果有功能需要的話，后者要比前者靈活些。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持服務器之家。
原文鏈接：https://blog.csdn.net/zjx86320/article/details/42554259
