封装jQuery表格插件jqGrid,控件化jqGrid(二):显示

接上一篇http://www.cnblogs.com/bestfc/archive/2010/06/07/1753216.html

本文编码数据提供类

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字符串

其代码如下:

 

其中使用到了SqlHelper.cs提供的SQL2005存储过程。

public string DataTableToJson(DataTable dt, int page, int total, int records, XmlDocument xmlDoc)用于DataTable转化为jqGrid格式的字符串,其代码如下:


从以上两个方法可以看到,传过来的值中,自定义了一个QueryString,tablename用于取得对应的配置文件,也可以使用反射的方法去提供数据,但是相对于来说,很不灵活。

4,在ProcessRequest方法中编码对于前台的动作反馈相应的数据,以下是部分代码:


传过来的值中,自定义了一个QueryString,action用于判别前台传过来的动作,用于后面还有的查询,编辑,修改,删除等功能。

这里只反馈数据用于前台的显示。

这样,AjaxData完成。

接下来可以建立一个前台项目,为中上面的方法中获取数据,在web.config声明httpHandlers:

位于system.web节点下,这样,就将页面请求定位到了AspJqGrid的AjaxData类

另外,在控件代码中加入了[assembly:TagPrefix("AspJqGrid","AllenJqGrid")],在web.config中声明全局

第一步的Hello World显示方面的工作就完成了,下一篇开始编码查询功能

这样,在页面中添加<AllenJqGrid:JqGrid ID="MyJqGrid" runat="server" TableName="diamond" />

作者:黑曜石
         
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
原文地址:https://www.cnblogs.com/bestfc/p/1753685.html