项目经历——文本框自动匹配数据库内容

　　在一般网站中，用户输入部分内容后，系统会根据数据库自动匹配相应的输入内容，从而提高用户体验度。这里来分享一下用EasyUI做项目中的自动匹配。

主要思路：

　　1、通过EasyUI封装好的AJAX，从而异步获取数据库的数据，EasyUI自动进行匹配。

　　2、一般处理程序+HTML进行实现

项目实现：

一、HTML代码：

<h1>任　务　名　称：<input id="txtWorkName" name="txtWorkName" class="easyui-validatebox" required="true" name="txtWorkName" class="" type="text" /><br /></h1>
<h1>发　布　单　位：<input id="txtPublishDepart" name="txtPublishDepart" class="easyui-validatebox" required="true" name="txtPublishDepart" type="text" /><br /></h1>
<h1>接　收　部　门：<input id="txtReceiveDepart" name="txtReceiveDepart" class="easyui-combobox" data-options="   
                                            url: 'SearchKeys.ashx?method=GetUnit' , //提交到一般处理程序 
                                            method: 'get',  
                                            valueField: 'departmentname',  //要匹配的字段后台值
                                            textField: 'departmentname',  //从数据库获取的显示值
                                            panelWidth: 350,  
                                            panelHeight: 'auto',  " />
</h1>

二、处理程序：

　　获取HTML页传过来的参数，从而根据参数执行不同的方法；

　　/// <summary>    /// SearchKeys 的摘要说明
    /// </summary>
    public class SearchKeys : IHttpHandler
    {
        private HttpContext context = null;
        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            this.context = context;
            string method = context.Request["method"];
            switch (method)
            {
                case "GetUnit":
                    GetUnit(context);
                    break;
                default:
                    break;
            }
        }

        //自动补全
        private void GetUnit(HttpContext context)
        {
            context.Response.ContentType = "json";
            string para = context.Request["para"];
		   //调用B层方法获取数据
            EvaluationSystem.BLL.UnitBaseInfoBLL allUnitBll = new UnitBaseInfoBLL();

            DataSet dtUnitInfo = allUnitBll.GetList("");
		//将DataSet转化成Json格式的数据
            String json = Dataset2JsonCom(dtUnitInfo);
            context.Response.Write(json);
        }

三、转换数据格式

　　在Ｂ层获取的数据要么是Dataset要么是Datatable，需要转换成Json格式的数据，转换方法：

         #region DataSet转换成Json格式        /// <summary>
        /// DataSet转换成Json格式  
        /// </summary>  
        /// <param name="ds">DataSet</param> 
        /// <returns></returns>  
        public static string Dataset2JsonCom(DataSet ds, int total = -1)
        {
            StringBuilder json = new StringBuilder();

            foreach (DataTable dt in ds.Tables)
            {
                //json.Append("[");
                json.Append(DataTable2JsonCom(dt));
                //json.Append("]");
                //json.Append("");
            } return json.ToString();
        }
        #endregion
        #region dataTable转换成Json格式
        /// <summary>  
        /// dataTable转换成Json格式  
        /// </summary>  
        /// <param name="dt"></param>  
        /// <returns></returns>  
        public static string DataTable2JsonCom(DataTable dt, int pid = -1)
        {
            StringBuilder jsonBuilder = new StringBuilder();
            jsonBuilder.Append("[");
            for (int i = 0; i < dt.Rows.Count; i++)
            {

                jsonBuilder.Append("{");
                for (int j = 0; j < dt.Columns.Count; j++)
                {
                    int id = pid;
                    jsonBuilder.Append("\"");
                    dt.Columns[j].ColumnName = dt.Columns[j].ColumnName.ToLower();
                    if (dt.Columns[j].ColumnName == "Name") dt.Columns[j].ColumnName = "text";
                    jsonBuilder.Append(dt.Columns[j].ColumnName);
                    if (dt.Columns[j].ColumnName.ToLower() == "id" && id != -1)
                    {
                        jsonBuilder.Append("\":" + (id * 10 + Convert.ToInt32(dt.Rows[i][j])) + ",");
                    }
                    else
                    {
                        jsonBuilder.Append("\":\"" + dt.Rows[i][j].ToString() + "\",");
                    }
                }

                if (dt.Columns.Count > 0)
                {
                    jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
                }
                jsonBuilder.Append("},");
            }
            if (dt.Rows.Count > 0)
            {
                jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
            }
            jsonBuilder.Append("]");
            return jsonBuilder.ToString();
        }
        #endregion dataTable转换成Json格式

实现效果：