MVC4 绑定下拉框方法，解决编辑时不绑定值

方法一

Controller 部分代码：

         public ActionResult Modify(int id)

         {

             //3.1.1 检查id

             //3.1.2根据id查询数据

             Models.Student stu = (from s in db.Students where s.Id == id select s).FirstOrDefault();

             //方法一、查询班级数据，并 做成 下拉框 选项集合

             //List<Models.Class> listClass = (from c in db.Classes where c.CIsDel == false select c).ToList();

             //ViewBag.classList = listClass;

             //方法二  查询班级数据，并转成 下拉框选项 集合

             List<SelectListItem> listClass = db.Classes.Where(c=>c.CIsDel==false).ToList()//先查询数据 并 转成 实体List集合

                 .Select( c=> new SelectListItem() { Text = c.CName, Value = c.CID.ToString(), Selected = (stu.CId == c.CID) }).ToList();//将实体集合 转成 SelectListItem集合

             //将 下拉框选项 集合 设置给 ViewBag ，用以传递 到 视图

             ViewBag.classList = listClass;

             //SelectList

             //3.1.加载视图，并传递 要修改的数据

             return View(stu);

         }

html 部分代码跟上面是对应的

     <table>

         <tr>

             <td>姓名：</td>

             <td><input type="text" name="Name" value="@Model.Name" /></td>

         </tr>

         <tr>

             <td>班级：</td>

             <td>

                 @* 这是方法一*@

                 @*<select name="CID">

                 @foreach (Class s in @ViewBag.classList as List<Class>)

                 {

                     if(s.CID == Model.CId){

                         <option selected value="@s.CID">@s.CName</option>

                     }else{

                         <option value="@s.CID">@s.CName</option>

                     }

                 }

                 </select>*@

                @* 这是方法二*@

                 @Html.DropDownList("CId", ViewBag.classList as IEnumerable<SelectListItem>)

             </td>

         </tr>

     </table>

方法二

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

第一种：使用DropDownList

控制器代码：

         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();

         }

视图代码：

         <!-------------- 添加对话框-------------->

         <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>

控制器代码：

         //下拉框对应的列表

         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);

         }

视图代码：

         <!--选择权重-->

         <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>

效果图

总结：

两种传值方式的比较：

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

巴特西

MVC4 绑定下拉框方法，解决编辑时不绑定值

最新文章

热门文章