AutoCompleteExtender返回text,value

项目中遇到一个问题：有些下拉列表的项目过多，用户选择起来十分麻烦。

这使我想到了使用Ajax的AutoCompleteExtender控件替代DropDownList来解决这个问题。但是标准的AutoCompleteExtender控件只返回Text列表，我如何取得用户选择的ID呢？

网络上有些做法是改变AutoCompleteExtender的某些内部函数（http://www.cnblogs.com/SilverLight/archive/2008/09/28/1301755.html），但实现起来相当麻烦。最后我采用了一种变通的方法解决了此问题。其思路如下：通过AjaxControlToolkit.AutoCompleteExtender.CreateAutoCompleteItem函数设置text-value键值对，然后使用AutoCompleteExtender控件的OnClientItemSelected方法将选中项的value值存入页面中的hidden控件。

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/ytc_1224/archive/2009/04/01/4040801.aspx

HTML代码如下： 

<asp:TextBox ID="MaterialNameTxt"runat="server"Width="350px"></asp:TextBox>  

   

<cc2:AutoCompleteExtender ID="AutoCompExt"runat="server"

TargetControlID="MaterialNameTxt"MinimumPrefixLength="1"

ServicePath="http://www.cnblogs.com/../MyWebMethods/WSMSCMap_GetMaterial.asmx"

ServiceMethod="GetListName"CompletionInterval="1"

CompletionListItemCssClass="autocomplete_listItem"

CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem"

FirstRowSelected="true"Enabled="true"EnableCaching="false"

CompletionListCssClass="autocomplete_list"UseContextKey="true"

OnClientItemSelected="OnACEItemSelected"></cc2:AutoCompleteExtender>  

   

<input id="AutoComplete_Hidden"type="hidden"runat="server"/>

 

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/ytc_1224/archive/2009/04/01/4040801.aspx

 JavaScript：

<mce:script type="text/javascript"><!--  

        function OnACEItemSelected(source, eventArgs) {  

            document.getElementById("AutoComplete_Hidden").value=eventArgs.get_value();  

            document.getElementById("MaterialIDLbl2").innerText=eventArgs.get_value();  

            //alert("Value值："+eventArgs.get_value()+"\nText值："+eventArgs.get_text());  

        }  

// --></mce:script> 

 

 

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/ytc_1224/archive/2009/04/01/4040801.aspx

CS代码：

/// <summary>  

/// AutoCompleteExtender搜索显示结果集的ServiceMethod  

/// </summary>  

/// <param name="prefixText">输入的文本，根据这个和数据库进行匹配</param>  

/// <param name="count">返回的结果集的长度</param>  

/// <param name="contextKey">AutoCompleteExtender.ContextKey的值，在调用本方法之前可以将其设置为用户的自定义值。重载函数中没有此项参数</param>  

/// <returns></returns>  

[WebMethod]  

public string[] GetListName(stringprefixText, intcount, stringcontextKey)  

{  

    List<string> items =new List<string>(count);  

    stringSelectText = "";int rowCount = -1; DataTable dtt =new DataTable();  

   

    if(string.IsNullOrEmpty(contextKey)) SelectText ="select MaterialID,MaterialName from Admin.BD_TechnicalStandard where MaterialName like '"+ prefixText + "%' order by nlssort(MaterialName,'NLS_SORT=SCHINESE_PINYIN_M')";  

    elseSelectText = "select MaterialID,MaterialName from Admin.BD_TechnicalStandard where MaterialName like '%"+ prefixText + "%' and MaterialID NOT IN (select distinct MaterialID from Admin.BD_MSCMap) order by nlssort(MaterialName,'NLS_SORT=SCHINESE_PINYIN_M')";//contextKey: Remove  

    //SelectText = "select * from (" + SelectText + ") where rownum<=" + count.ToString() + " order by rownum ASC";//抽取前count个结果  

    dtt = moc.ExecSelectCommand(SelectText,out rowCount);  

    if(dtt != null&& rowCount > 0)  

    {  

        //使用text-value键值对：AjaxControlToolkit.AutoCompleteExtender.CreateAutoCompleteItem函数  

        foreach(DataRow dr indtt.Rows) items.Add(AjaxControlToolkit.AutoCompleteExtender.CreateAutoCompleteItem(dr["MaterialName"].ToString(), dr["MaterialID"].ToString()));  

        returnitems.ToArray();  

    }  

    elsereturn null;  

}