为了增强MVC的功夫,加强训练是必需的事情。Insus.NET本次想实现文本框的autocomplete功用。

在数额创设一张表[PinYin]:
jQuery 1

安插一些数据:

jQuery 2jQuery 3

INSERT INTO [dbo].[PinYin] ([Word]) VALUES ('a'),('ai'),('an'),('ang'),('ao'),
('ba'),('bai'),('ban'),('bei'),('ben'),('bi'),('bian'),('bie'),('bin'),('bing'),
('ca'),('cai'),('cang'),('cao'),('ceng'),('cha'),('chai'),('che'),('chen'),('cheng'),('chong'),('chou'),
('fa'),('fan'),('fang'),('fei'),('fen'),('feng'),('ga'),('gai'),('gan'),('gang'),('gao'),('ge'),('gei'),
('gen'),('geng'),('gong'),('gou'),('gu'),('gua'),('guai')
GO

View Code

并创造一个存储过程usp_PinYin_GetWord:
jQuery 4

在MVC应用程序的Models目录下,创设一个PinYin model:
jQuery 5

读取数据库数据,成立一个Entity,展开Entities目录:
jQuery 6

接下去,在应用程序右键,启动Manage NuGet Packages…
jQuery 7

安装jQuery UI:
jQuery 8

它会把相关的css和js分别设置在应用程序的Content:
jQuery 9

和scripts目录:
jQuery 10

接下去,大家需要创立一个Handler,它有点像瑟维斯(Service)一样,请求与处理用户所在文本框输入的文本。你先要在应用程序下创立一个Handlers目录,假诺存在,可略过此步。
jQuery 11

jQuery,留意,上图代码第#10行代码,倘使改动与添加了命名空间namespace,你还得打开Handler.ashx的markup添加与修改namespace:
jQuery 12

jQuery 13

现行我们只是训练,在Controllers目录下,打开HomeController控制器创造一个ActionResult:
jQuery 14

 

 一切写好,就足以写View视图了:
jQuery 15

地点的代码中,#5步可以按照实际需要,最终展现于文本框中的是值如故文本。

实时操作演示一下:
jQuery 16

相关文章

网站地图xml地图