AutoCompleteText توسط Jquery و بانک اطلاعاتی <br/> در این مقاله نحوه ساختن لیستی از نام موجود وارد شده در textBox رو یاد بگیریم بدون پست بک به این شکل که کاربر در هنگام تایپ لیستی از مقدار های موجود دربانک رو میبینه و میتونه انتخاب کنه این کار توسط JavaScript انجام میشه و صفحه PostBack نمیشه اطلاعات نمایش داده شده از بانک لود میشود

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

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

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

اطلاعات نمایش داده شده از بانک لود میشود

نمونه ضمیمه شده است و کدها کاملا واضح است

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

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

<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

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

نظر یادتون نره