AutoCompleteText توسط Jquery و بانک اطلاعاتی

[ایمان مدائنی]

http://barnamenevisan.org/ImagesArticle/55a090904d724b9e9f2ff8c910bdcd68.jpg
در این مقاله نحوه ساختن لیستی از نام موجود وارد شده در textBox رو یاد بگیریم بدون پست بک

به این شکل که کاربر در هنگام تایپ لیستی از مقدار های موجود دربانک رو میبینه و میتونه انتخاب کنه

این کار توسط JavaScript انجام میشه و صفحه PostBack نمیشه

اطلاعات نمایش داده شده از بانک لود میشود
http://barnamenevisan.org/ImagesArticle/8924a3095f6b4763947efac5715f2df7.jpg
نمونه ضمیمه شده است و کدها کاملا واضح است

نیازی به توضیح راجب کد ها نیست ، کدهای خواندن از بانک فقط نوشته شده

متد اصلی در صفحه کد زیر می باشد


<mce:script type="text/javascript" language="javascript"><!--
function LoadList()
{
var ds=null;
ds = <%=listFilter %>;
$( "#txtName" ).autocomplete({
source: ds
});
}
-></mce:script>

برای ساخت بانک اطلاعاتی ابتدا یک DataBase با نام AutoCompleteTextBoxWithJqueryExample بسازید و سپس اسکریپت زیر را روی آن اجرا کنید



CREATE TABLE [dbo].[Names](
[ID] [int] IDENTITY(1,1) NOT NULL,
[FullName] [nvarchar](250) NOT NULL,
CONSTRAINT [PK_Names] PRIMARY KEY CLUSTERED
(
[ID] ASC
)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY]
) ON [PRIMARY]
GO
SET IDENTITY_INSERT [dbo].[Names] ON
INSERT [dbo].[Names] ([ID], [FullName]) VALUES (1, N'ایمان مدائنی')
INSERT [dbo].[Names] ([ID], [FullName]) VALUES (2, N'علی محمدی')
INSERT [dbo].[Names] ([ID], [FullName]) VALUES (3, N'سجاد باقرزاده')
INSERT [dbo].[Names] ([ID], [FullName]) VALUES (4, N'مرتضی مرادی')
INSERT [dbo].[Names] ([ID], [FullName]) VALUES (5, N'کامبیز جوان')
INSERT [dbo].[Names] ([ID], [FullName]) VALUES (6, N'تقی تقیزاده')
INSERT [dbo].[Names] ([ID], [FullName]) VALUES (7, N'محسن رضایی')
INSERT [dbo].[Names] ([ID], [FullName]) VALUES (8, N'رضا حسنی')
INSERT [dbo].[Names] ([ID], [FullName]) VALUES (9, N'حسن مجتهدی')
INSERT [dbo].[Names] ([ID], [FullName]) VALUES (10, N'ایرج میرزایی')
SET IDENTITY_INSERT [dbo].[Names] OFF


امیدوارم خوشتون بیاد

منبع : Barnamenevisan.org (http://barnamenevisan.org/)