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

    作者:黑曜石
             
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    开源的 ASP.Net 错误记录发布模块 ELMAH (Error Logging Modules And Handlers)
    GridView 行单击与双击事件2
    iReaper
    ubuntu下android开发环境搭建(及错误异常处理)
    配置vim开发Android[神器终究是神器]
    Eclipse中文显示乱码问题
    预防鼠标手,从我做起
    ERROR:Android requires .class compatibility set to 5.0. Please fix project properties.
    Thinkpad在linux(ubuntu)下修改电池充电阈值,成功解决Thinkpad在Linux下的电池充电问题
    Eclipse启动时报错:A Java RunTime Environment (JRE) or Java Development Kit (JDK) must be available in order to run Eclipse. No java virtual machine was found after searching the following locations:…
  • 原文地址:https://www.cnblogs.com/bestfc/p/1753685.html
Copyright © 2020-2023  润新知