|
ASP.NET Ajax AutoComplete Textbox |
|
|
ASP.NET Ajax AutoComplete Textbox สำหรับตัวอย่าง Script นี้เป็นการใช้ ASP.NET ร่วมกับ Ajax และ WebService ในการสร้าง AutoComplete แบบง่าย ๆ มีการเรียกใช้ฐานข้อมูล SQL Server
ทำงานบน .NET Version 3.5 , 4.0
Screenshot

แก้ไข Connection String ได้ที่ web.config
<connectionStrings>
<add name="SQL2008SamplesDBConnectionString" connectionString="Server=localhost;UID=sa;PASSWORD=;Database=AutoCompleteSampleDB;Max Pool Size=400;Connect Timeout=600;" providerName="System.Data.SqlClient"/>
</connectionStrings>
สร้าง Database ได้ที่ไฟล์ CreateDBwithSampleData.sql
USE [master]
GO
CREATE DATABASE [AutoCompleteSampleDB]
GO
USE [AutoCompleteSampleDB]
GO
CREATE TABLE [dbo].[Cities](
[CityId] [int] IDENTITY(1,1),
[Description] [nvarchar](100),
[StateId] [int] NULL,
[TimeZone] [tinyint] NULL,
[Active] [bit] NULL
)
GO
INSERT INTO [Cities] ([Description]) VALUES (N'Wesco')
INSERT INTO [Cities] ([Description]) VALUES (N'Wescosville')
INSERT INTO [Cities] ([Description]) VALUES (N'Weser')
INSERT INTO [Cities] ([Description]) VALUES (N'Weskan')
สำหรับ Code ฉ้บเต็มดาวน์โหลดได้ที่นี่ Download Now!!
ตัวอย่างการปรับแต่งไฟล์บน App_Code/AutoCompleteWebServices.vb
Imports System.Web
Imports System.Web.Services
Imports System.Web.Services.Protocols
Imports System.Linq
Imports System.Data
Imports System.Data.SqlClient
<System.Web.Script.Services.ScriptService()> _
<WebService(Namespace:="http://tempuri.org/")> _
<WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)> _
<Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _
Public Class AutoCompleteWebServices
Inherits System.Web.Services.WebService
<WebMethod()> _
Public Function GetDistrictList(ByVal prefixText As String, ByVal count As Integer, ByVal contextKey As String) As String()
Dim returnList As New List(Of String)
Try
Dim _sId As String = String.Empty
Dim CallId As String = String.Empty
Dim CallerPhoneCode As String = String.Empty
Dim params As String() = contextKey.Split("|")
_sId = params(0)
CallId = params(1)
CallerPhoneCode = params(2)
Dim objConn As New SqlConnection
Dim dtAdapter As SqlDataAdapter
Dim dt As New DataTable
Dim i As Integer = 0
Dim strConnString As String
strConnString = ConfigurationManager.ConnectionStrings( "SQL2008SamplesDBConnectionString").ConnectionString
objConn = New SqlConnection(strConnString)
objConn.Open()
Dim strSQL As String
strSQL = "SELECT * FROM Cities WHERE Description like '" & prefixText & "%'"
dtAdapter = New SqlDataAdapter(strSQL, objConn)
dtAdapter.Fill(dt)
dtAdapter = Nothing
objConn.Close()
objConn = Nothing
For i = 0 To dt.Rows.Count - 1
returnList.Add(dt.Rows(i)("Description").ToString())
Next
dt.Clear()
Catch ex As Exception
End Try
Return returnList.ToArray()
End Function
End Class
บทความอื่นที่เกี่ยวข้อง
Go to : asp.net c# มาตามคำขอ ajax control toolkit ว่าด้วยเรื่อง autocomplete extender
Go to : JavaScript Autocomplete and Autosuggestion
|
|
|
|
 |
|
|
|
Score Rating : |
  |
|
Create Date : |
2011-03-19 09:11:52 |
|
View : |
15,661 |
|
Download : |
No files
|
|
|
|
|
|
|
|