【IT168技术文档】

  最近客户提出根据用户姓名的拼音来查找用户的要求，于是很自然的想到了autosuggest控件。autosuggest控件是Anthem.net里的扩展控件，效果相当不错。但是有两点不是很好，我接下来根据自己的要求修改一下这个控件。
  1.下拉DIV的界面实在有点难看，黑白搭配不怎么好看。
  修改过程如下：
  首先将注入式脚本注释掉

  //Page.ClientScript.RegisterClientScriptBlock(typeof(AutoSuggestTextBox), script, script, false);

  然后在你用到autosuggest控件的页面联入JS文件：

   <script type="text/javascript" src="AutoSuggestTextBox.js"></script>

  接下来就修改这个JS文件。
  修改边框颜色：oDiv.style.borderColor = 'lightblue';
  再修改选择时的背景颜色：this.txtArray[selectedElem].style.backgroundColor = '#FFD53B';
  实现的效果如图：


  2.另外一个不满足的情况是键入的是拼音，而下拉产生的是姓名，autoSuggest会自动选择将结果显示到TextBox上，对输入拼音造成干扰，如上图所示。我接下来要修改源代码让控件不自动选择。
  首先加入一个自动选择属性，默认为ture：

       private bool _isAutoSuggest = true;
public bool IsAutoSuggest
{
get { return _isAutoSuggest; }
set { _isAutoSuggest = value; }
}