为下拉框拼接“请选择”

这是一段可有可无的代码,它的存在只是让你的多表联查好看些,先在解决方案管理资源管理器新建一个Common文件夹,在这个文件夹中添加一个新的类,在这个类中写一个方法具体如下:

public class Tools
{
      public static List<SelectVo> SetSelectJson(List<SelectVo> select)
      {
          //创建列表对象
          List<SelectVo> list = new List<SelectVo>();
          //创建实体对象
          SelectVo selectVo = new SelectVo
          {
              id = 0,
              text = "--请选择--"//id等于零时在文本框填入请选择
          };
          //将实体对象添加到对象列表
          list.Add(selectVo);
          //将数据集添加到对象列表
          list.AddRange(select);
          return list;
      }
}

那它的原理是啥呢?实体化并创建列表对象,接下来创建实体对象,当ID等于零时在文本框填入请选择项。嗯……对了,与之相关的还有下拉框数据绑定和改变上一级选项触发下一级选项清空,

再去控制器中使用这个类,代码如下:

/// 学院下拉框数据查询
public ActionResult selectAcademe()
{
    List<SelectVo> listAcademe = (//这是一个表的查询).ToList();
    //拼接“请选择”项
    listAcademe = Common.Tools.SetSelectJson(listAcademe);
    return Json(listAcademe, JsonRequestBehavior.AllowGet);
}
/// 年级下拉框数据查询
public ActionResult selectGrade(int AcademeID)
{
    List<SelectVo> listGrade = (//这是一个表的查询).ToList();
    //拼接“请选择”项
    listGrade = Common.Tools.SetSelectJson(listGrade);
    return Json(listGrade, JsonRequestBehavior.AllowGet);
}
/// 专业下拉框
public ActionResult selectSpecialty(int AcademeID)
{
    List<SelectVo> listSpecialty = (//这是一个表的查询).ToList();
    listSpecialty = Common.Tools.SetSelectJson(listSpecialty);
    return Json(listSpecialty, JsonRequestBehavior.AllowGet);
}

最后将这个控制器方法加入视图使用像这样(大概吧):

$("#searchAcademeID").change(function () {
    //获取选中的学院ID
    var academeId = $("#searchAcademeID").val();
    //绑定年级下拉框
    createSelect("searchGradeID", "selectGrade?AcademeID=" + academeId);
    //清空班级下拉框
    $("#searchClassID").empty();
});
发布了26 篇原创文章 · 获赞 4 · 访问量 3603

猜你喜欢

转载自blog.csdn.net/weixin_44545673/article/details/91360465
今日推荐