封装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" />

 

posted @ 2010-06-08 09:09  黑曜石  阅读(6507)  评论(7编辑  收藏  举报