asp.net_MVC_jq三级联动_.NET_编程开发_程序员俱乐部

中国优秀的程序员网站程序员频道CXYCLUB技术地图
热搜:
更多>>
 
您所在的位置: 程序员俱乐部 > 编程开发 > .NET > asp.net_MVC_jq三级联动

asp.net_MVC_jq三级联动

 2013/10/16 15:41:58  Op丶茶新味  博客园  我要评论(0)
  • 摘要:数据库结构建立三张表,Association,Team,Player关系如下:建立asp.netMVC3项目,在HomeController.cs中利用LinqtoSQL获取数据首先实例化DataClass1,使得实体类和数据库中的数据进行关联;创建GetAssociation()方法,返回值为Json。(Tips:DataContext类是System.Data.Linq命名空间下的重要类型,是通过数据库连接映射的所有实体的源,表示LINQtoSQL框架的主入口点。)创建GetTeam
  • 标签:.net ASP.NET MVC net

数据库结构

建立三张表,Association,Team,Player

关系如下:

 

建立asp.net MVC 3项目,在HomeController.cs中利用Linq to SQL获取数据

 

首先实例化DataClass1,使得实体类和数据库中的数据进行关联;创建GetAssociation()方法,返回值为Json。(Tips:DataContext类是System.Data.Linq命名空间下的重要类型,是通过数据库连接映射的所有实体的源,表示 LINQ to SQL 框架的主入口点。)

 

创建GetTeam(int id)以及GetPlayers(string id)方法,返回Json类型。

 

 

注意,这里的方法参数必须是id,如果不是则无法调用方法,因为在Global.asax中已确定路由规则为id,我就犯过这个错误,怎么也不进这个方法。如果想改参数,可以改掉或者添加路由规则。

 

然后在Views文件夹中的Index.cshtml中添加页面代码,因为本Demo采用asp.net MVC 3,所以会看到这个页面后缀名为.cshtml,在此页面中无head、body等html标签,所有代码以及脚本都可以直接书写。

 

下面来添加三个下拉框,定义其ID

 

然后添加一段JS,这里引用了asp.net MVC 3中集成的jquery-ui-1.8.11.min.js,通过选择器找到对应下拉框,调用change事件,利用JSON返回数据。

 

这样就实现了三级无刷新联动,看看简单的效果~

 

发表评论
用户名: 匿名