ASP.NET MVC搭建项目后台UI框架—11、自动加载下拉框查询

ASP.NET MVC搭建项目后台UI框架—1、后台主框架

需求：在查询记录的时候，输入第一个字，就自动把以这个字开头的相关记录查找出来，输入2个字就过滤以这两个子开头的记录，依次类推。

突然要用到这个功能了，印象中曾经写过这个功能的文章，一下子找不到了，只好重新贴出来备忘。最近博客快2个月没更新了，因为这两个月一直在闭门写书。

引入js和css下载地址：http://download.csdn.net/detail/zouyujie1127/9550279

     

 

在View界面添加如下js代码：

CustomerController中的List方法如下：

        /// 

        /// 获取客户列表 模糊查询
        /// 
        /// 
        /// 
        public string GetCusNameList(string term)
        {
            if (string.IsNullOrWhiteSpace(term))
                return null;

            var dataSource = CustomerInfo.GetByFilter(new CustomerFilter { CusName = term });

            List<string> list = dataSource.Select(x=>x.CusName).ToList();

            //序列化对象
            System.Web.Script.Serialization.JavaScriptSerializer js = new System.Web.Script.Serialization.JavaScriptSerializer();

            return js.Serialize(list.ToArray());
        }