[转载]封装jQuery表格插件jqGrid,控件化jqGrid(二):显示 – 黑曜石 – 博客园.
本文编码数据提供类
1,创建AjaxData类,继承接口IHttpHandler,实现其方法public void ProcessRequest(HttpContext context)和参数public bool IsReusable
2,使用SQLHelper类与数据库进行交互(在MVC中可以使用entity framework提供数据,当然在MVC中,最好就不要使用服务器控件了,可以直接输出字符串)
3,在AjaxData类中,创建两个方法
public string jsonString(HttpContext context)用于处理接收到的基本数据,最后经过以下方法返回数据的json字符串
其代码如下:
public string jsonString(HttpContext context) { //params from Request.QueryString string tableName = context.Request.QueryString["tablename"].ToString(); string xmlPath = System.AppDomain.CurrentDomain.BaseDirectory + tableName + ".xml"; int _currentPage = int.Parse(context.Request.QueryString["page"].ToString()); // get the context.Requested page int _pageStep = int.Parse(context.Request.QueryString["rows"].ToString()); // get how many rows we want to have into the grid string sidx = context.Request.QueryString["sidx"].ToString(); // get index row - i.e. user click to sort string sord = context.Request.QueryString["sord"].ToString(); // get the direction //params from XML XmlDocument xmlDoc = new XmlDocument(); xmlDoc.Load(xmlPath); XmlNode xnRoot = xmlDoc.SelectSingleNode("root"); string fields = xnRoot.Attributes["fields"].Value; string fixCondition = string.Empty; //固ì定¨条?件t if (xnRoot.Attributes["fixCondition"] != null) fixCondition = xnRoot.Attributes["fixCondition"].Value; DataTable dt = SqlHelper.GetDataByPager(fields, tableName, " 1=1 " + fixCondition + searchCase, sidx + " " + sord, (_currentPage - 1), _pageStep); int _recordCount = SqlHelper.GetRecordCount(tableName, " 1=1 " + fixCondition + searchCase); int _totalPages; if (_recordCount % _pageStep == 0) { _totalPages = _recordCount / _pageStep; } else { _totalPages = _recordCount / _pageStep + 1; } if (_recordCount == 0) { return string.Empty; } else { return DataTableToJson(dt, _currentPage, _totalPages, _recordCount, xmlDoc); } }
其中使用到了SQLHelper.cs提供的SQL2005存储过程。
public string DataTableToJson(DataTable dt, int page, int total, int records, XmlDocument xmlDoc)用于DataTable转化为jqGrid格式的字符串,其代码如下:
public string DataTableToJson(DataTable dt, int page, int total, int records, XmlDocument xmlDoc) { XmlNodeList xnList = xmlDoc.SelectNodes("root//columns"); string idKey = string.Empty; foreach (XmlNode xn in xnList) { if (xn.Attributes["IsIdentity"] != null) { idKey = xn.Attributes["name"].Value; } } StringBuilder sb = new StringBuilder(); sb.Append("{"); sb.Append("\"page\":" + page + ","); sb.Append("\"total\":" + total + ","); sb.Append("\"records\":" + records + ","); //-----------rows build sb.Append("\"rows\":["); foreach (DataRow dr in dt.Rows) { sb.Append("{\"id\":\"" + dr[idKey] + "\","); sb.Append("\"cell\":["); //-----------columns build foreach (XmlNode xn in xnList) { if (xn.Attributes["name"].Value != idKey) { string values = dr[xn.Attributes["name"].Value].ToString(); if (values.IndexOf("\n") >= 0) //解决JSON字符串含回车时的“未终止的字符串常量”问题 { values = values.Replace("\n", "\\n"); } else if (values.IndexOf('"') >= 0) //解决"造成json字符串断层的问题,使用中文的”解决或单引号解决 { values = values.Replace('"', '“°'); } if (xn.Attributes["sorttype"] != null) { switch (xn.Attributes["sorttype"].Value) { case "data": if (dr[xn.Attributes["name"].Value] != DBNull.Value) { sb.Append("\"" + DateTime.Parse(values) + "\","); } else { sb.Append("\" \","); } break; case "float": if (dr[xn.Attributes["name"].Value] != DBNull.Value) { sb.Append("\"" + Decimal.Parse(values).ToString("0.00") + "\","); } else { sb.Append("\" \","); } break; default: sb.Append("\"" + values + "\","); break; } } else { sb.Append("\"" + values + "\","); } } } sb.Remove(sb.Length - 1, 1); //-----------end columns build sb.Append("]"); sb.Append("},"); } sb.Remove(sb.ToString().Length - 1, 1); sb.Append("]"); //----------end rows build sb.Append("}"); return sb.ToString(); } 从以上两个方法可以看到,传过来的值中,自定义了一个QueryString,tablename用于取得对应的配置文件,也可以使用反射的方法去提供数据,但是相对于来说,很不灵活。 4,在ProcessRequest方法中编码对于前台的动作反馈相应的数据,以下是部分代码:if (context.Request.QueryString["action"] != null) { string actions = context.Request.QueryString["action"].ToString(); switch (actions) { case "view": context.Response.Write(jsonString(context));
传过来的值中,自定义了一个QueryString,action用于判别前台传过来的动作,用于后面还有的查询,编辑,修改,删除等功能。
这里只反馈数据用于前台的显示。这样,AjaxData完成。
接下来可以建立一个前台项目,为中上面的方法中获取数据,在web.config声明httpHandlers:<httpHandlers> <add path="data.ashx" verb="*" type="AspJqGrid.AjaxData,AspJqGrid"/> </httpHandlers> 位于system.web节点下,这样,就将页面请求定位到了AspJqGrid的AjaxData类 另外,在控件代码中加入了[assembly:TagPrefix("AspJqGrid","AllenJqGrid")],在web.config中声明全局<pages> <controls> <add tagPrefix="AllenJqGrid" assembly="AspJqGrid" namespace="AspJqGrid" /> </controls> </pages> 第一步的Hello World显示方面的工作就完成了,下一篇开始编码查询功能
这样,在页面中添加<AllenJqGrid:JqGrid ID="MyJqGrid" runat="server" TableName="diamond" />