其他分享
首页 > 其他分享> > MVC下拉框的传值的两种方式

MVC下拉框的传值的两种方式

作者:互联网

  来自森大科技官方博客

http://www.cnsendblog.com/index.php/?p=137
GPS平台、网站建设、软件开发、系统运维,找森大网络科技!
http://cnsendnet.taobao.com

 

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

    

    第一种:使用DropDownList

 

    控制器代码:

1.    public ActionResult Index()  
2.    {  
3.      
4.        //1.1查询YzSeriesEntity的数据  
5.        List<Model.YzSeriesEntity> 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<Model.YzDivisionEntity> 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 IEnumerable<SelectListItem>)  
27.                    </td>  
28.                </tr>  
29.                <tr>  
30.                    <td>科室或年级组:</td>  
31.                    <td>  
32.                        @Html.DropDownList("DivisionName", ViewBag.selList2 as IEnumerable<SelectListItem>)  
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>  

 效果显示:

第二种:使用<select></select>

 

    视图代码:

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<Model.DTO.YzWeightEntityDTO> 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的值来获取数据。两者没有什么太大的不同,但是由于传值使用<select></select>接收的,使用的是HTML标签,所以还可以用来绑定其他的js事件,所以如果有功能需要的话,后者要比前者灵活些。

 

 来自森大科技官方博客

http://www.cnsendblog.com/index.php/?p=137
GPS平台、网站建设、软件开发、系统运维,找森大网络科技!
http://cnsendnet.taobao.com

标签:ViewBag,SelectList,MVC,Html,下拉框,传值,TextBox
来源: https://www.cnblogs.com/cnsend/p/12002731.html