asp.net + jqgrid 实现之一

最新推荐文章于 2017-05-19 13:18:12 发布
最新推荐文章于 2017-05-19 13:18:12 发布
阅读量3.2k 收藏 2
点赞数
分类专栏： ASP.NET jqgird 文章标签： asp.net string dataset cmd stylesheet sql
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/missukiss02/article/details/6936367
版权

研究了两天FlexiGird 和jqgrid。终于实现了jqgrid  。FlexiGird 的数据总是显示不出来，最后放弃，选择了jqgrid。
网上找来很多资料看才弄懂。
来个简单的dome吧：
1，首先得下载相关jqgrid的必须文件：jquery-1.4.4.min.js，grid.locale-en.js，jquery.jqGrid.src.js （我会放到我的下载里面，可以去下）
2，ok，可以开始了。先建立一个jqGird.htm.html文件吧。注意引入上面几个文件的路径，根据实际改下吧。代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>hooi</title>
    <link href="css/ui.jqgrid.css" rel="stylesheet" type="text/css" />
    <link href="css/17jqgrid.css" rel="stylesheet" type="text/css" />
    <!--以下是JS引用部分,这里的顺序不能变变了会显示不出数据-->

    <script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>

    <script src="js/grid.locale-en.js" type="text/javascript"></script>

    <script src="js/jquery.jqGrid.src.js" type="text/javascript"></script>

</head>
<body>
    <br />
    <br />
    
        <table id="list" cellpadding="0" cellspacing="0">
            <!--用于数据显示-->
        </table>
        <div id="pager" style="text-align: center;">
            <!--用于分页的层-->
        </div>
        <br />


    <script type="text/javascript">
        $("#list").jqGrid({
        url: "GridData.ashx",//地址文件
            datatype: "json",
            colNames: ['用户ID', '登陆名', '描述','sm'],//这里是显示的数据库表的字段名称
            colModel: [
                         { name: 'iUSERID', index: 'iUSERID', width: 50 },
                            { name: 'sUserName', index: 'sUserName', width: 100 },
                        
                            { name: 'sQuestion', index: 'sQuestion', width: 300 },
                            { name: 'dtLastLoginTime', index: 'dtLastLoginTime', width: 120 },
                        
                           
                      ],//这里是数据读取到的字段列名
            rowNum: 10,
            rowList: [10, 20, 30],
            pager: jQuery('#pager'),
            sortname: 'id',
            viewrecords: true,
            sortorder: "desc",
            caption: "汇总查询",
            height:'230px',
        })
        .navGrid("#pager", { edit: false, add: false, del: false });
    </script>

</body>
</html>
2，建立一个GridData.ashx文件，代码： 
<%@ WebHandler Language="C#" Class="Handler2" %>

using System;
using System.Web;
using System.Data;
using System.Web.Script.Serialization;

public class Handler2 : IHttpHandler
{

    public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "text/plain";
        context.Response.Buffer = true;
        context.Response.ExpiresAbsolute = DateTime.Now.AddDays(-1);
        context.Response.AddHeader("pragma", "no-cache");
        context.Response.AddHeader("cache-control", "");
        context.Response.CacheControl = "no-cache";
        //定义数据记取的字符串，这里我是用的SQLHELPER直接读的
        //数据表的你可以随便建立
        string strSql = "SELECT  * FROM tree";
        //数据存入一个DATATABLE
        DataTable dt = DBHelp.GetDataSet(strSql);//读取数据  这个方法在下面3的代码中
        JavaScriptSerializer serializer = new JavaScriptSerializer();
        //转成json数据,这里是关键的函数此方法我是放入的一个JSON操作类中的
        string jsonData = JsonHandle.GetJson(dt);

        context.Response.Write(jsonData);//返回json数据
        //反正数据读取一块自己定义
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }

}
3，还有一个获取数据的方法类，就自己写吧。也贴下我的,以后我自己也好找（其实就是一个SQLHELP）： 
using System;
using System.Collections.Generic;
using System.Text;
using System.Data.SqlClient;
using System.Data;
using System.Configuration;

public class DBHelp
{
    public static SqlConnection connection;
    public static SqlConnection Connection
    {
        get
        {
            string connectionString = ConfigurationManager.ConnectionStrings["HNGH"].ConnectionString;
            if (connection == null)
            {
                connection = new SqlConnection(connectionString);
                connection.Open();
            }
            else if (connection.State == System.Data.ConnectionState.Closed)
            {
                connection = new SqlConnection(connectionString);
                connection.Open();
            }
            else if (connection.State == System.Data.ConnectionState.Broken)
            {
                connection.Close();
                connection.Open();
            }
            return connection;
        }
    }




    #region 增，删，改ExecuteNonQuery
    /// <summary>
    /// 单个数据增，删，改
    /// </summary>
    /// <param name="safeSql"></param>
    /// <returns></returns>
    public static int ExecuteCommand(string safeSql)
    {
        try
        {
            using (SqlCommand cmd = new SqlCommand(safeSql, Connection))
            {
                int result = cmd.ExecuteNonQuery();
                return result;
            }

        }
        catch (SqlException ex)
        {

            throw ex;
        }
    }
    #endregion

    #region 带参数的增，删，改ExecuteNonQuery
    /// <summary>
    /// 带多个参数的增，删，改
    /// </summary>
    /// <param name="safeSql"></param>
    /// <param name="values"></param>
    /// <returns></returns>
    public static int ExecuteCommand(string safeSql, params SqlParameter[] values)
    {
        try
        {
            using (SqlCommand cmd = new SqlCommand(safeSql, Connection))
            {
                cmd.Parameters.AddRange(values);
                return cmd.ExecuteNonQuery();
            }
        }
        catch (SqlException ex)
        {
            throw ex;
        }
    }
    #endregion

    #region 带参数的增，删，改ExecuteNonQuery
    /// <summary>
    /// 带多个参数的增，删，改
    /// </summary>
    /// <param name="safeSql"></param>
    /// <param name="values"></param>
    /// <returns></returns>
    public static int ExecuteCommand(string safeSql, CommandType type, params SqlParameter[] values)
    {
        try
        {
            using (SqlCommand cmd = new SqlCommand(safeSql, Connection))
            {
                cmd.CommandType = type;
                cmd.Parameters.AddRange(values);
                cmd.ExecuteNonQuery();
                return cmd.ExecuteNonQuery();
            }
        }
        catch (SqlException ex)
        {
            throw ex;
        }
    }
    #endregion

    #region 带参数的增，删，改ExecuteNonQuery (Special)
    /// <summary>
    /// 带多个参数的增，删，改
    /// </summary>
    /// <param name="safeSql"></param>
    /// <param name="values"></param>
    /// <returns></returns>
    public static int ExecuteCommand(string safeSql, CommandType type, int index)
    {
        try
        {
            using (SqlCommand cmd = new SqlCommand(safeSql, Connection))
            {
                cmd.CommandType = type;
                SqlParameter paramOne = new SqlParameter("@rid", SqlDbType.Int);
                paramOne.Value = index;
                cmd.Parameters.Add(paramOne);
                return cmd.ExecuteNonQuery();
            }
        }
        catch (SqlException ex)
        {
            throw ex;
        }
    }
    #endregion

    #region 查询语句ExecuteScalar
    /// <summary>
    /// 查单个值
    /// </summary>
    /// <param name="safeSql"></param>
    /// <returns></returns>
    public static int GetScalar(string safeSql)
    {
        try
        {
            using (SqlCommand cmd = new SqlCommand(safeSql, Connection))
            {
                int result = Convert.ToInt32(cmd.ExecuteScalar());
                return result;
            }

        }
        catch (SqlException ex)
        {

            throw ex;
        }


    }
    #endregion

    #region 带参数的查询语句ExecuteScalar
    /// <summary>
    /// 带参数的查询语句
    /// </summary>
    /// <param name="sql"></param>
    /// <param name="values"></param>
    /// <returns></returns>
    public static int GetScalar(string sql, params SqlParameter[] values)
    {
        try
        {
            using (SqlCommand cmd = new SqlCommand(sql, Connection))
            {
                cmd.Parameters.AddRange(values);
                int result = Convert.ToInt32(cmd.ExecuteScalar());
                return result;
            }
        }
        catch (SqlException ex)
        {

            throw ex;
        }
    }
    #endregion

    #region 带执行类型的ExecuteScalar
    /// <summary>
    /// 带执行类型的ExecuteScalar
    /// </summary>
    /// <param name="sql"></param>
    /// <param name="type"></param>
    /// <param name="values"></param>
    /// <returns></returns>
    public static int GetScalar(string sql, CommandType type, params SqlParameter[] values)
    {
        try
        {
            using (SqlCommand cmd = new SqlCommand(sql, Connection))
            {
                cmd.CommandType = type;
                cmd.Parameters.AddRange(values);
                int result = Convert.ToInt32(cmd.ExecuteScalar());
                return result;
            }
        }
        catch (SqlException ex)
        {
            throw ex;
        }
    }
    #endregion

    #region 返回DataReader
    /// <summary>
    /// 查询表,获取多个记录
    /// </summary>
    /// <param name="safeSql"></param>
    /// <returns></returns>
    public static SqlDataReader GetReader(string safeSql)
    {
        try
        {
            using (SqlCommand cmd = new SqlCommand(safeSql, Connection))
            {
                SqlDataReader reader = cmd.ExecuteReader();
                return reader;
            }

        }
        catch (SqlException ex)
        {

            throw ex;
        }
    }
    #endregion

    #region 带参数DataReader
    /// <summary>
    /// 带参数的-查询表,获取多个记录
    /// </summary>
    /// <param name="sql"></param>
    /// <param name="values"></param>
    /// <returns></returns>
    public static SqlDataReader GetReader(string sql, params SqlParameter[] values)
    {
        try
        {
            using (SqlCommand cmd = new SqlCommand(sql, Connection))
            {
                cmd.Parameters.AddRange(values);
                SqlDataReader reader = cmd.ExecuteReader();
                return reader;
            }
        }
        catch (SqlException)
        {

            throw;
        }


    }
    #endregion

    #region 返回DataReader ,语句，类型，参数
    /// <summary>
    /// 查询表,获取多个记录---语句，类型，参数
    /// </summary>
    /// <param name="safeSql"></param>
    /// <param name="cmdType"></param>
    /// <param name="values"></param>
    /// <returns></returns>
    public static SqlDataReader GetReader(string safeSql, CommandType cmdType, params SqlParameter[] values)
    {
        try
        {
            using (SqlCommand cmd = new SqlCommand(safeSql, Connection))
            {
                cmd.CommandType = cmdType;
                cmd.Parameters.AddRange(values);
                SqlDataReader reader = cmd.ExecuteReader();
                return reader;
            }

        }
        catch (SqlException ex)
        {

            throw ex;
        }

    }
    #endregion

    #region 返回dataTable
    /// <summary>
    /// 返回datatable
    /// </summary>
    /// <param name="safeSql"></param>
    /// <returns></returns>
    public static DataTable GetDataSet(string safeSql)
    {
        DataSet ds = new DataSet();
        SqlCommand cmd = new SqlCommand(safeSql, Connection);
        SqlDataAdapter da = new SqlDataAdapter(cmd);
        da.Fill(ds);
        return ds.Tables[0];
    }
    #endregion

    #region 返回dataTable ,带参数
    /// <summary>
    ///  返回dataTable ,带参数使用
    /// </summary>
    /// <param name="sql"></param>
    /// <param name="values"></param>
    /// <returns></returns>
    public static DataTable GetDataSet(string sql, params SqlParameter[] values)
    {
        DataSet ds = new DataSet();
        SqlCommand cmd = new SqlCommand(sql, Connection);
        cmd.Parameters.AddRange(values);
        SqlDataAdapter da = new SqlDataAdapter(cmd);
        da.Fill(ds);
        return ds.Tables[0];
    }
    #endregion



}

 补一个类

 JSonHandle类:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.IO;
using System.Data;
using System.Collections;
using System.ServiceModel.Web;
namespace JQGridDemo
{
    public class JsonHandle
    {
        public JsonHandle() { }
        public static string GetJson(DataTable dt)
        {
            StringBuilder jsonBuilder = new StringBuilder();
            //jsonBuilder.Append("\"");
            jsonBuilder.Append("{\"page\":1,\"total\":" + dt.Rows.Count + ",\"records\":" + dt.Rows.Count + ",\"rows\"");
            jsonBuilder.Append(":[");
            for (int i = 0; i < dt.Rows.Count; i++)
            {
                jsonBuilder.Append("{\"id\":" + dt.Rows[i]["iUSERID"].ToString() + ",\"cell\":[");
                for (int j = 0; j < dt.Columns.Count; j++)
                {
                    //jsonBuilder.Append("\"");
                    //jsonBuilder.Append(dt.Columns[j].ColumnName);
                    jsonBuilder.Append("\"");
                    jsonBuilder.Append(dt.Rows[i][j].ToString());
                    jsonBuilder.Append("\",");
                }
                jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
                jsonBuilder.Append("]},");
            }
            jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
            jsonBuilder.Append("]");
            jsonBuilder.Append("}");
            return jsonBuilder.ToString();
        }
    }
}


3个步骤，完了。运行jqGird.htm看效果吧。

missukiss02
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
asp.net（gridview的使用）
weixin_38420342的博客
11-19 1183
一、分页 前台代码 &lt;asp:GridView ID="GridView1" runat="server" AllowPaging="True" OnPageIndexChanging="GridView1_PageIndexChanging" PageSize="3" OnDataBound="GridView1_DataBound"&gt;
ASP.NET中使用jqGrid的完整实例及总结
oiu1010110的博客
06-29 2152
最近在倒腾jqGrid插件的使用,配置项比较多，这里先放一个别人已经写好的完整实例，点击打开链接有需要的朋友自行跳转查看， 后续再陆续总结自己遇到的一些实际问题。
ASP.NET中使用JqGrid完整实现
weixin_30588675的博客
09-24 259
文章提纲 介绍 & 使用场景 JqGrid的一些说明 JqGrid和ASP.NET整合详细步骤 　　前置准备 　　框架搭建 　　数据填充 　　数据增/删/改 　　其他 介绍&使用场景 JqGrid不是一个新鲜玩意，已经是一个久经证明的开源数据显示控件了。 园子里也有一些介绍文章，为什么还要写这篇文章呢？ 因为还找不到可以完整...
.net下使用jqgrid
04-09 114
jqgrid,一个不错的网格插件，基于jquery框架，封装的比较好，数据上支持XML、Json以及数组。通过jqgrid你可以轻而易举的实现网格控件内数据的排序、分页、打印等等你想实现的功能。 看上去很美，但...
ASP.NET中使用jQGrid
weixin_34128501的博客
12-15 136
按下面步骤一步一步操作即可完成效果，效果图： 第一步：SQL构造测试数据 1.创建一个产生随机数据的SQL函数： CREATE FUNCTION [GenerateRandomName] ( @LENGTH INT ) RETURNS NVARCHAR(255) AS BEGIN --DECLARE VARIABLES DECLARE @Rand...
Asp.net+jqGrid
03-14
**Asp.net+jqGrid** 是一个常见的技术组合，用于构建功能丰富的Web应用程序，特别是涉及到数据展示、管理和操作的情况。Asp.net是Microsoft提供的一个强大的Web开发框架，它提供了多种工具和技术来创建动态、交互式...
asp.net + jqgrid
11-04
4. 数据绑定：在ASP.NET中，jqGrid可以通过AJAX获取服务器端的数据，实现动态加载。这通常涉及到使用ASP.NET MVC的Action方法返回JSON或XML数据，然后在客户端使用jqGrid的`url`参数指定数据源。 5. jqGrid配置：...
ASP.NET MVC+EF在服务端分页使用jqGrid以及jquery Datatables的注意事项
10-22
主要为大家详细介绍了ASP.NET MVC+EF在服务端分页使用jqGrid以及jquery Datatables的注意事项，感兴趣的小伙伴们可以参考一下
ASP.NET MVC JQGRID 增删改查 实例
03-01
ASP.NET MVC是一个强大的框架，用于构建可伸缩、高性能的Web应用程序。JQGrid则是一个功能丰富的JavaScript数据网格插件，常用于展示和操作大量数据。在这个实例中，我们将深入探讨如何在ASP.NET MVC中集成JQGrid...
asp.net jqgrid例子
04-15
asp.net 解决json不显示数据 jqgrid完整例子。
jqGrid + ASP.NET+MYSQL(MSSQL)示例源码
03-22
jqGrid 是一个用来显示网格数据的jQuery插件，本示例演示C#下使用jqGrid+MySQL和jqGrid+MSSQL显示datatable，以及在ASP.NET MVC下使用jqGrid的源码范例。
jqgrid动态列动态生成colModel和colNames
热门推荐
mofeimo110的博客
05-19 3万+
参考网站：http://blog.mn886.net/jqGrid/ demo下载自该网站》参数-方法-事件-文档》新手demo下载》点击此处下载此demo 在应用过程中稍作修改（只修改index.js文件）： 静态colModel： function pageInit(){ var jqdata=[{"userid":01,"username":"皮皮虾","password"...
关于 ASP.net + JQuery + JQGrid + JSON.net 的简单应用(一)
weixin_30895603的博客
08-20 77
(LIVE WRITER有点问题,发布的顺序都乱了) 之前有朋友在他公司要用到JQ的插件JQGRID合并asp.net,但是他遇到问题,载入不了数据,于是我在网上到处找没找到一个可以用的asp.net例子,于是参考了几个PHP和几个JAVA的实现,给大家简单的介绍下如何在asp.net里使用这个插件: 因为我不会PHP,官方的demo其实介绍的还是比较详细的. http://...
jqGrid表格的一些操作（原始上稍微修改）
小小程序猿
03-30 2734
index.html html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> html lang="cn"> head> meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
jqGrid 学习笔记整理——基础篇
XeonMic的博客
01-28 7896
jqGrid 学习笔记整理——基础篇 本人在官网的示例中学习的非常困难，现通过慢慢摸索学习已实现基本功能，特总结下来留给初学者们。 jqGrid 是一个用来显示网格数据的jQuery插件，通过使用jqGrid可以轻松实现前端页面与后台数据的ajax异步通信。
ssm+jqgrid案例
最新发布
01-14
而 jqGrid 是一个基于 jQuery 的表格插件，它可以帮助我们快速构建具有排序、分页、筛选、编辑等功能的数据表格。 针对 SSM jqGrid 案例，通常我们会采用 SSM 框架进行后端的开发，包括数据访问层（DAO）、业务逻辑...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值