看望实时操作演示:
图片 1

结束了,也许算不上100%完美,Insus.NET的功夫暂时只可以达到那样子了。

SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
-- =============================================
-- Author:        Insus.NET
-- Create date:  2013-06-07
-- Description:    get all kind of fruit by fruit category.
-- =============================================
IF OBJECT_ID('[dbo].[usp_FruitKind_GetByFruitCategory]') IS NOT NULL
    DROP PROCEDURE [dbo].[usp_FruitKind_GetByFruitCategory]
GO

CREATE PROCEDURE [dbo].[usp_FruitKind_GetByFruitCategory]
(
    @FruitCategory_nbr TINYINT
)
AS
SELECT [FruitKind_nbr],[FruitCategory_nbr],[CategoryName],[KindName] FROM [dbo].[udf_FruitKind]()
WHERE [FruitCategory_nbr] = @FruitCategory_nbr
GO

 
接下去,修改视图Views/Fruit/Create.cshtml,添加一句html:
图片 2

三个DropDownList联动,首个DropDownList实现并从未过多技术上的设想,而第二个DropDownList实现起来,有几点需要想到的。
一数据源是要传送参数;二在起首化时,要显示一个增选,如”采取…”,而不是一个空的DropDownList;三当第一个DropDownList选用回”采用…”时,第二个DropDownList也要来得回开端状态。

 去MVC应用程序的目录Entities下,打开FruitKindEntity.cs,并加上一个回来List<SelectListItem>函数SelectLists(byte?
fruitCategory_nbr):
图片 3

[dbo].[usp_FruitKind_GetByFruitCategory]

近段时日原本是学习MVC的,何人知道把jQuery也学上了。而且觉得对jQuery更感兴趣,比近年来清早有写了一个训练《jQuery实现DropDownList(MVC)http://www.cnblogs.com/insus/p/3413749.html,是jQuery实现DropDownList的。就在此基础上,也使用jQuery实现五个DropDownList之间的联动。

 

啊,不错喔,但是成功了90%。看到第二个DropDownList,在视图最初呈现与第一个DropDownList选拔了”采用…”选项时,它都体现为一个空的DropDownList。有点不好。
在这一个情状之下,是否让其出示为”采纳…”呢?答案是毫无疑问的。可以看看Insus.NET修改jQuery的代码。
图片 4

图片 5图片 6

大抵添加三片段地点,第一部分是在视图加载时,为第二个DropDownList彰显”采用…”,第二有些是判定第一个DropDownList的取舍值,假诺选取的是0,这第二个DropDownList就呈现为”选用…”

去相应的控制器KindController.cs写一个JsonResult的Action,并给其丰富一个属性[HttpPost],指标是为了稍后在视图的jQuery使用$.post()方法。
 图片 7

 

 开始写jQuery:
图片 8

好的,开始了。
先反省数据库(从前有提供下载),是否有此存储过程,倘若不存在,可以在SQL数据库查询分析器中,执行下面的囤积过程:

上图中,第一步,是取得第一个DropDownList。
其次步,是得到第二个DropDownList。
其三步指示,是率先个DropDownList的选项值。

今昔我们再看看修改后的实时操作:
图片 9

相关文章

网站地图xml地图