下拉框的绑定

开发工具与关键技术：Visual Studio 2015
作者：杨镇虹
撰写时间：2019.05.05
一、html布局
1、首先给部门下拉框和职位下拉框写html布局 下拉框标签
实现代码块 下拉框效果图1

部门 职位

图1
2、$(function () {
部门下拉框
首先创建部门Select查询下拉框 再根据html给的一个id元素，匹配到这个id元素 也就是这个部门searchDepartmentID 的下拉框ID 前面的这个是html 给和id匹配的一个元素 后面这个是控制器部门下拉框查询的路径selectDepartment
createSelect (“searchDepartmentID”, “selectDepartment”);
点击部门searchDepartmentID下拉框的数据改变change，触发职位下拉框的数据绑定
$("#searchDepartmentID").change(function () {
获取选中部门ID
然后获取var选中的部门的下拉框ID（searchDepartmentID） 用#号获取选择到html给的这个id传递过来的元素
var departmentId = $("#searchDepartmentID").val();
绑定职位下拉框
职位下拉框跟部门下拉框一样，先用它createSelect创建职位下拉框，拿到html给的职位下拉框给的一个id元素 传递过来匹配到这个职位下拉框的id元素（searchPositionID）后面的是路径 拿到控制器给的职位下拉框数据查询（selectPosition）的路径用个问号（？）接到控制器给的部门ID(DepartmentID)的参数 传递过来的参数 再+加上上面获取var选中的部门的下拉框自己给的这个部门ID(departmentId) 绑定到这个部门ID(departmentId) 点击到这个部门下拉框的数据就会触发到职位下拉框的改变
createSelect(“searchPositionID”, “selectPosition?DepartmentID=” + departmentId);
});
});
二、控制器的下拉框数据的查询
1、首先创建一个下位框查询数据用到的实体类（EntityClass）自己给的一个实体类名称(selectVo)查询(select) 这个下拉框查询数据的实体类里面用到的值只有两个值
○1一个选中值id
○2一个显示值text(文本)

图2
2、再创建一个类(Tools) 这个类(Tools)跟上面的实体类查询vo(selectVo)关联的，
○1这个类里面(Tools)要创建列表List对象
○2再创建实体对象Select 里面有两个值，分别是选中值id和显示值文本对象text = “—请选择—” 还有将实体类对象添加到列表和数据集添加对象列表

图3
1、部门下拉框数据查询
拿到页面传递过来的部门下拉框的路径selectDepartment，
public ActionResult selectDepartment(){
//查询数据
然后创建一个查询数据列表对象，然后自己给这个列表起一个名listDepartment，再拿到数据库myModels里面部门的这个部门SYS_Department，再查询select到实体类SelectVo里面选中的部门ID(DepartmentID)还有text文本框里面的部门列表的部门名称的下拉框数据 将这个对象listDepartment查询出来的下拉框数据添加到这个列表里面listDepartment 然后反回到这个列表 listDepartment
public ActionResult selectDepartment()
{
//查询数据
List listDepartment = (from tbDepartment in myModels.SYS_Department
select new SelectVo
{
id = tbDepartment.DepartmentID,
text = tbDepartment.DeoartmentName
}).ToList();
listDepartment = Common.Tools.SetSelectJson(listDepartment);
return Json(listDepartment, JsonRequestBehavior.AllowGet);
}
2、职位下拉框数据查询
给页面这个职位下拉框路径selectPosition写列表数据查询，首先把页面部门参数ID(DepartmentID) 传过来，然后创建职位数据查询下拉框列表(listPosition),先from 给一个范围变量tbPosition 所要查询到数据库myModels里面的职位列表SYS_Position的下拉框数据 然后创建查询select 的实体对象 选中到要查询这个职位tbPosition范围变量的职位ID(PositionID) 还有文本(text)内容的职位下拉框的全部职位名称(PositionName) 然后将职位数据查询下拉框列表(listPosition)=这个类（Common.Tools） 添加到对象列表 再返回到职位列表listPosition
public ActionResult selectPosition(int DepartmentID)
{
List listPosition = (from tbPosition in myModels.SYS_Position
select new SelectVo
{
id = tbPosition.PositionID,
text = tbPosition.PositionName
}).ToList();
listPosition = Common.Tools.SetSelectJson(listPosition);
返回值
return Json(listPosition, JsonRequestBehavior.AllowGet);
}