asp.net mvc 两级分类联动方法示例

简介: 前台视图代码 //jquery代码       $("#AwardClassMainID").change(function () {                var url =".


前台视图代码

<%:Html.DropDownList("AwardClassMainID","请选择")%>

<%:Html.DropDownList("SubID",new List<SelectListItem> { (new SelectListItem(){Text="请选择",Value="0"})})%>

//jquery代码

      $("#AwardClassMainID").change(function () {

               var url ="../AwardSubClasic/GetClasicList/"; //规则是控制器/方法/参数

               $.getJSON(url, { firstclassid:$("#AwardClassMainID").val() }, function (data) {

                   $('#SubID').html('');

                   $('#SubID').append("<optionvalue=0>请选择</option>")

                   $.each(data, function (i,item) {

$('#SubID').append($("<option></option>").val(item.SecondClassID).html(item.ClassName));

                   });

               });

          });

后台Controller里代码

//view里面加一级分类的数据

ViewBag.AwardClassMainID = new SelectList(bll.GetAll(),"ClassID", "ClassName");

<summary>

/// json返回数据-通过分类ID,查询此分类的二级分类

/// </summary>

/// <param name="id">一级分类ID</param>

/// <returns></returns>

[HttpGet]

public JsonResult GetClasicList(string firstclassid)

{

 List< TrainingSecondClass > Classlist = m_BLL.GetClassDropDwonList(firstclassid);

 return Json(Classlist.ToList<AwardSubClasic>(),JsonRequestBehavior.AllowGet);

}

IBLL里面加接口声明

List<TrainingSecondClass>GetClassDropDwonList(string id);

BLL里面

public List<TrainingSecondClass> GetClassDropDwonList(stringid)

      {

          return repository.GetClassDropDwonList(db,id).ToList<TrainingSecondClass>();

      }

repository里面加实现方法

       public List<TrainingSecondClass>GetClassDropDwonList(SysEntities db, string FirstClassID)

      {

          List<TrainingSecondClass> result =new List<TrainingSecondClass>();

          var n = db.TrainingSecondClass.Where(p => p.FirstClassID ==FirstClassID).ToList();

          foreach (var c in n)

          {

               result.Add(new TrainingSecondClass

               {//取出json调用的数据

                   SecondClassID =c.SecondClassID,

                   ClassName = c.ClassName

               });

          }

          return result;

      }

相关文章
|
3月前
|
API
【Azure 媒体服务】Media Service的编码示例 -- 创建缩略图子画面的.NET代码调试问题
【Azure 媒体服务】Media Service的编码示例 -- 创建缩略图子画面的.NET代码调试问题
|
2月前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
43 7
|
3月前
|
XML API 图形学
【Azure Developer】.Net 简单示例 "文字动图显示" Typing to SVG
【Azure Developer】.Net 简单示例 "文字动图显示" Typing to SVG
【Azure Developer】.Net 简单示例 "文字动图显示" Typing to SVG
|
2月前
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
61 0
|
3月前
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
49 0
|
3月前
|
开发框架 中间件 .NET
分享 ASP.NET Core Web Api 中间件获取 Request Body 两个方法
分享 ASP.NET Core Web Api 中间件获取 Request Body 两个方法
130 0
|
3月前
|
开发框架 前端开发 安全
ASP.NET MVC 如何使用 Form Authentication?
ASP.NET MVC 如何使用 Form Authentication?
|
3月前
|
开发框架 .NET API
如何在 ASP.NET Core Web API 方法执行前后 “偷偷“ 作一些 “坏“ 事?初识 ActionFilterAttribute
如何在 ASP.NET Core Web API 方法执行前后 “偷偷“ 作一些 “坏“ 事?初识 ActionFilterAttribute
|
3月前
|
开发框架 前端开发 .NET
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
Asp.net Webapi 的 Post 方法不能把参数加到 URL 中?试试这样写
|
3月前
|
开发框架 .NET
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
129 0