jQuery.Autocomplete实现自动完成功能

    <script src="@Url.Content("~/Scripts/jquery.autocomplete.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Content/css/jquery.autocomplete.css")" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
        $(document).ready(function() {
            $.ajax({               
               url:window.SecondCatlog+'/Configuration/GetGroupName',
               success:function(data) {
                   $("#txtGroupName").autocomplete(data, {                      
                       matchContains:true,
                       selectFirst:false,
                       width:150
                   });
               }
            });
       });

 

　　　/// <summary>
        /// 获取所有分组名称
        /// </summary>
        /// <returns></returns>
        public ActionResult GetGroupName()
        {
            DataTable dt = _configService.GetAllGroupName();
            return Json(dt.AsEnumerable().Select(row => row["GroupName"].ToString()),JsonRequestBehavior.AllowGet);
        }