Ajax implémente la saisie de contenu dans la zone de texte et affiche dynamiquement les requêtes floues de la base de données dans la zone déroulante

Auteur：Eve Cole Date de mise à jour：2009-07-06 16:30:03

功能：在textbox中输入内容，动态从数据库模糊查询显示到下拉框中，以供选择

1.建立一aspx页面，html代码

WebForm1

//城市------------------------------
fonction cityResult()
{
var city=document.getElementById("TextBox1");
WebForm1.GetCityList(city.value,get_city_Result_CallBack);
}

fonction get_city_Result_CallBack (réponse)
{
si (réponse.value != null)
{
//débogueur ;
document.getElementById("DropDownList1").style.display="block";
document.getElementById("DropDownList1").length=0;
var ds = réponse.valeur ;
if(ds != null && typeof(ds) == "objet" && ds.Tables != null)
{
pour(var i=0; i {
var nom=ds.Tables[0].Rows[i].city;
var id=ds.Tables[0].Rows[i].cityID;
document.getElementById("DropDownList1").options.add(new Option(name,id));
}
}
}
autre
{
document.getElementById("DropDownList1").style.display="none";
}
retour
}

fonction getData()
{
var province=document.getElementById("DropDownList1");
var pindex = province.selectedIndex;
var pValue = province.options[pindex].value;
var pText = province.options[pindex].text;

document.getElementById("<%=TextBox1.ClientID%>").innerText=pText;
}

2.cs代码
utiliser le système ;
en utilisant System.Collections ;
en utilisant System.ComponentModel ;
en utilisant System.Data ;
en utilisant System.Drawing ;
en utilisant System.Web ;
en utilisant System.Web.SessionState ;
en utilisant System.Web.UI ;
en utilisant System.Web.UI.WebControls ;
en utilisant System.Web.UI.HtmlControls ;
en utilisant System.Data.SqlClient ;
espace de noms ajaxselect
{
/**////
/// Description récapitulative de WebForm1.
///
classe publique WebForm1 : System.Web.UI.Page
{
protégé System.Web.UI.WebControls.TextBox TextBox1 ;
protégé System.Web.UI.WebControls.DropDownList DropDownList1 ;

private void Page_Load (expéditeur de l'objet, System.EventArgs e)
{
Ajax.Utility.RegisterTypeForAjax(typeof(WebForm1));
si (!Page.IsPostBack)
{
this.TextBox1.Attributes.Add("onchange", "cityResult();");
this.DropDownList1.Attributes.Add("onclick", "getData();");
}
}

Code généré par Web Form Designer#region Code généré par Web Form Designer
remplacer le void protégé OnInit (EventArgs e)
{
//
// CODEGEN : cet appel est requis par le concepteur de formulaires Web ASP.NET.
//
InitializeComponent();
base.OnInit(e);
}

/**////
/// Méthode requise pour la prise en charge de Designer - ne pas modifier
/// le contenu de cette méthode avec l'éditeur de code.
///
vide privé InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load);

}
#endregion

GetCityList#region GetCityList
[Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)]
public DataSet GetCityList (int provinceid)
{
string sql = "sélectionner * de la ville où le père aime '%" + id province + "%'" ;
retourner GetDataSet(sql);
}
#endregion
GetDataSet#région GetDataSet
DataSet statique public GetDataSet (string sql)
{
chaîne ConnectionString = System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
SqlDataAdapter sda = new SqlDataAdapter(sql, ConnectionString);
DataSetds = new DataSet();
sda.Fill(ds);
retourner ds ;
}
#endregion

}
}3.
4.数据库脚本
CRÉER UNE TABLE [dbo].[ville](
[id] [int] PAS NULL,
[cityID] [nvarchar](6) COLLATE Chinese_PRC_CI_AS NULL,
[ville] [nvarchar](50) COLLATE Chinese_PRC_CI_AS NULL,
[père] [nvarchar](6) COLLATE Chinese_PRC_CI_AS NULL,
CONTRAINTE [PK_city] CLÉ PRIMAIRE CLUSTERÉE
(
[identifiant] ASC
)AVEC (IGNORE_DUP_KEY = OFF) ON [PRIMAIRE]
) SUR [PRIMAIRE]