C# 数据结果（用户、Convert.ToInt32（行数）、Convert.ToInt32（页面索引）、Convert.ToInt32（总记录））； 响应。写入（输出）； } 私有字符串BuildJQGridResults（集合用户、int numberOfRows、int pageIndex、int totalRecords） { JQGridResults=新的JQGridResults（）； 列表行=新列表（）； foreach（用户中的用户） { JQGridRow行=新的JQGridRow（）； row.ItemCode=user.ItemCode； row.PartNumber=user.PartNumber； row.itemsdescriptionshort=user.itemsdescriptionshort； row.ItemDescriptionLong=user.ItemDescriptionLong； row.ProductCode=user.ProductCode； row.GroupCode=user.GroupCode； row.BusinessUnit=user.BusinessUnit； 行。添加（行）； } result.rows=rows.ToArray（）； result.page=页面索引； result.total=（totalRecords+numberOfRows-1）/8； result.records=totalRecords； JavaScriptSerializer serializer=newJavaScriptSerializer（）{MaxJsonLength=Int32.MaxValue，RecursionLimit=100}； //返回新的JavaScriptSerializer（）.Serialize（结果）； 返回序列化程序。序列化（结果）； } 私有集合GetUsers（字符串numberOfRows、字符串pageIndex、字符串sortColumnName、字符串sortOrderBy、out int totalRecords） { 集合用户=新集合（）； MySqlConnection conn=Functions.GetConnection（）； 字符串sql； sql=“从swans.tblsomain，tblligerstatus；中选择*”； MySqlCommand cmd=新的MySqlCommand（sql，conn）； MySqlDataReader data1=cmd.ExecuteReader（）； string connectionString=“服务器=127.0.0.1；数据库=swans；uid=root；密码=”； 使用（MySqlConnection=newmysqlconnection（connectionString）） { 使用（MySqlCommand=new MySqlCommand（）） { command.Connection=连接； command.CommandText=“从tblitemcodefromqne；中选择ItemCode、PartNumber、ItemDescriptionShort、ItemDescriptionLong、ProductCode、GroupCode、BusinessUnit；”； command.CommandType=CommandType.Text； MySqlParameter paramPageIndex=新的MySqlParameter（“@PageIndex”，MySqlDbType.Int32）； paramPageIndex.Value=Convert.ToInt32（pageIndex）； command.Parameters.Add（paramPageIndex）； MySqlParameter paramColumnName=新的MySqlParameter（@SortColumnName），MySqlDbType.VarChar，50）； paramColumnName.Value=sortColumnName； command.Parameters.Add（paramColumnName）； MySqlParameter paramSortorderBy=新的MySqlParameter（“@SortOrderBy”，MySqlDbType.VarChar，4）； paramSortorderBy.Value=sortOrderBy； command.Parameters.Add（paramSortorderBy）； MySqlParameter paramNumberOfRows=新的MySqlParameter（“@NumberOfRows”，MySqlDbType.Int32）； paramNumberOfRows.Value=转换为32（numberOfRows）； command.Parameters.Add（paramNumberOfRows）； MySqlParameter paramTotalRecords=新的MySqlParameter（“@TotalRecords”，MySqlDbType.Int32）； totalRecords=0； paramTotalRecords.Value=totalRecords； paramTotalRecords.Direction=ParameterDirection.Output； command.Parameters.Add（paramTotalRecords）； connection.Open（）； 使用（MySqlDataReader=command.ExecuteReader（）） { 用户； while（dataReader.Read（）） { user=新用户（）； user.ItemCode=Convert.ToString（dataReader[“ItemCode]”）； user.PartNumber=Convert.ToString（dataReader[“PartNumber]”）； user.itemsdescriptionshort=Convert.ToString（dataReader[“itemsdescriptionshort]”）； user.ItemDescriptionLong=Convert.ToString（dataReader[“ItemDescriptionLong]”）； user.ProductCode=Convert.ToString（dataReader[“ProductCode]”）； user.GroupCode=Convert.ToString（dataReader[“GroupCode]”）； user.BusinessUnit=Convert.ToString（dataReader[“BusinessUnit]”）； 用户。添加（用户）； } } totalRecords=users.Count； } 返回用户； } } 公共布尔可重用 { 得到 { 返回false； } } }

ItemCode.aspx

<script language="javascript" type="text/javascript">

         $(function() {
         var grid = jQuery("#myGrid");
         grid.jqGrid({
         url: "http://localhost:50530/jqGridHandler.ashx",
         mtype:'GET',
         datatype: "json",
         height: 200,
         hidegrid: false,//hides the arrow button at the top right corner for collapsing the jqGrid
         rowNum: 10,
         rowList: [10, 20, 30],
         viewrecords: true,
         caption: "Employees",
         pager: "#pager",
         colNames: ['FirstName', 'SecondName', 'DOB', 'EmailID','UserName'],
         colModel: [
             { name: 'FirstName', index: 'FirstName', width: 100, align: "center" },
             { name: 'LastName', index: 'LastName', width: 100, align: "left" },
             { name: 'DOB', index: 'DOB', width: 100, align: "center", formatter: 'date', formatoptions: { newformat: 'm-d-Y' }, datefmt: 'm-d-Y' },
             { name: 'Email', index: 'EmailID', width: 120, align: "right"},
             { name: 'Username', index: 'Username', width: 100 }
                   ]
     });
});

</script>

<script type="text/javascript" >
        $(function () {
            $("#UsersGrid").jqGrid({
                type: 'POST',
                url: 'ItemCode.ashx',
                datatype: "json",
                width: 1245,
                height: 450,
                serializeGridData: function (postData) {
                    return JSON.stringify(postData);
                },
                jsonReader: {
                    repeatitems: false,
                    root: "rows",
                    page: "page",
                    total: "total",
                    records: "records"
                },

                colNames: ['Item Code', 'Part Number', 'Short Description', 'Long Description', 'Product Code', 'Group Code', 'Business Unit'],
                colModel: [
                    { name: 'ItemCode', index: 'ItemCode', width: 60, editable:true, sorttype: 'string' },
                    { name: 'PartNumber', index:'PartNumber', width: 50  },
                    { name: 'ItemDescriptionShort',index:'ItemDescriptionShort', width: 260 },
                    { name: 'ItemDescriptionLong',index:'ItemDescriptionLong', width: 260  },
                    { name: 'ProductCode',index:'ProductCode', width: 50 },
                    { name: 'GroupCode',index:'GroupCode', width: 50 },
                    { name: 'BusinessUnit',index:'BusinessUnit', width: 50 },



                ],



                cmTemplate: { title: false },
                rowNum: 20,
                mtype: 'GET',
                loadonce: true,
                rowList: [10, 20, 30],
                pager: '#UsersGridPager',
                sortname: 'ItemCode',
                multiSort: true,
                gridview: true,
                viewrecords: true,

                sortorder: 'asc',
                caption: "Item Code Summary"


            });

            jQuery("#UsersGrid").jqGrid('navGrid', '#UsersGridPager',
            { del: false, add: false, edit: false, search: false });
            jQuery("#UsersGrid").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false });



        });

</script>
</head>
<body>
<form id="UsersForm" runat="server">
<table id="UsersGrid" ></table>
 <div id="UsersGridPager"></div>
</form>
</body>

$（函数（）{
$（“#UsersGrid”）.jqGrid({
键入：“POST”，
url:'ItemCode.ashx'，
数据类型：“json”，
宽度：1245，
身高：450，
serializeGridData:函数（postData）{
返回JSON.stringify（postData）；
},
jsonReader：{
重复项：false，
根：“行”，
第页：“第页”，
总计：“总计”，
记录：“记录”
},
ColName:['项目代码'，'零件号'，'短描述'，'长描述'，'产品代码'，'集团代码'，'业务单位']，
colModel：[
{name:'ItemCode'，index:'ItemCode'，宽度：60，可编辑：true，sorttype:'string'}，
{name:'PartNumber'，索引：'PartNumber'，宽度：50}，
{na
<script language="javascript" type="text/javascript">

         $(function() {
         var grid = jQuery("#myGrid");
         grid.jqGrid({
         url: "http://localhost:50530/jqGridHandler.ashx",
         mtype:'GET',
         datatype: "json",
         height: 200,
         hidegrid: false,//hides the arrow button at the top right corner for collapsing the jqGrid
         rowNum: 10,
         rowList: [10, 20, 30],
         viewrecords: true,
         caption: "Employees",
         pager: "#pager",
         colNames: ['FirstName', 'SecondName', 'DOB', 'EmailID','UserName'],
         colModel: [
             { name: 'FirstName', index: 'FirstName', width: 100, align: "center" },
             { name: 'LastName', index: 'LastName', width: 100, align: "left" },
             { name: 'DOB', index: 'DOB', width: 100, align: "center", formatter: 'date', formatoptions: { newformat: 'm-d-Y' }, datefmt: 'm-d-Y' },
             { name: 'Email', index: 'EmailID', width: 120, align: "right"},
             { name: 'Username', index: 'Username', width: 100 }
                   ]
     });
});

</script>

<table id="myGrid"> </table>

 public class jqGridHandler : IHttpHandler
     {

    public void ProcessRequest(HttpContext context)
    {
        MyFirstService.Service1Client client = new MyFirstService.Service1Client();
        context.Response.Write(client.GetJsonUsers());
    }

    private DataSet GetUsersFromDB()
    {
        AccessDataBase reader = new AccessDataBase();
        string selectquery = "SELECT * FROM Registration";
        return reader.readDB(selectquery);
    }

    public string GetJsonUsers()
    {
        return GetJson(GetUsersFromDB());
    }


    private string GetJson(DataSet dt)
    {
        System.Web.Script.Serialization.JavaScriptSerializer serializer = new System.Web.Script.Serialization.JavaScriptSerializer();
        List<Dictionary<string, object>> rows =
          new List<Dictionary<string, object>>();
        Dictionary<string, object> row = null;
        foreach (DataTable dtt in dt.Tables)
            foreach (DataRow dr in dtt.Rows)
            {
                row = new Dictionary<string, object>();
                foreach (DataColumn col in dtt.Columns)
                {
                    row.Add(col.ColumnName.Trim(), dr[col]);
                }
                rows.Add(row);
            }

        return serializer.Serialize(rows);
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
}

 public SqlConnection Connection { get; set; }
        public AccessDataBase()
        {
            Connection = new SqlConnection("Data Source=.;Initial Catalog=NewDB;Integrated Security=True");

        }

        public DataSet readDB(string selectquery)
        {
            SqlCommand cmd = new SqlCommand(selectquery);
            using (Connection)
            {
                using (SqlDataAdapter sda = new SqlDataAdapter())
                {
                    cmd.Connection = Connection;
                    sda.SelectCommand = cmd;
                    using (DataSet ds = new DataSet())
                    {
                        sda.Fill(ds);
                        return ds;
                    }
                }
            }
        }

using System.Web.Script.Serialization;

<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <link href="Scripts/JQGrid/jquery-ui-1.9.2.custom.css" rel="stylesheet" type="text/css" />
    <link href="Scripts/JQGrid/ui.jqgrid.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/JQGrid/jquery-1.9.0.min.js" type="text/javascript"></script>

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

    <script src="Scripts/JQGrid/grid.locale-en.js" type="text/javascript"></script>
    <script src="Scripts/JQGrid/jquery.jqGrid.min.js" type="text/javascript"></script>

public struct JQGridResults
    {
        public int page;
        public int total;
        public int records;
        public JQGridRow[] rows;
    }



public struct JQGridRow
    {

        public string ItemCode;
        public string PartNumber;
        public string ItemDescriptionShort;
        public string ItemDescriptionLong;
        public string ProductCode;
        public string GroupCode;
        public string BusinessUnit;
        public string[] cell;
    }
    [Serializable]

public class User
    {
        public string ItemCode { get; set; }
        public string PartNumber { get; set; }
        public string ItemDescriptionShort { get; set; }
        public string ItemDescriptionLong { get; set; }
        public string ProductCode { get; set; }
        public string GroupCode { get; set; }
        public string BusinessUnit { get; set; }
    }

    public class ItemCode : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            HttpRequest request = context.Request;
            HttpResponse response = context.Response;

            string _search = request["_search"];
            string numberOfRows = request["rows"];
            string pageIndex = request["page"];
            string sortColumnName = request["sidx"];
            string sortOrderBy = request["sord"];


            int totalRecords;
            Collection <User> users = GetUsers(numberOfRows, pageIndex, sortColumnName,sortOrderBy, out totalRecords);
            string output = BuildJQGridResults(users, Convert.ToInt32(numberOfRows),Convert.ToInt32(pageIndex), Convert.ToInt32(totalRecords));
            response.Write(output);
        }
        private string BuildJQGridResults(Collection <User> users, int numberOfRows, int pageIndex, int totalRecords)
        {

            JQGridResults result = new JQGridResults();
            List<JQGridRow> rows = new List<JQGridRow>();
            foreach (User user in users)
            {
                JQGridRow row = new JQGridRow();
                row.ItemCode = user.ItemCode;
                row.PartNumber = user.PartNumber;
                row.ItemDescriptionShort = user.ItemDescriptionShort;
                row.ItemDescriptionLong = user.ItemDescriptionLong;
                row.ProductCode = user.ProductCode;
                row.GroupCode = user.GroupCode;
                row.BusinessUnit = user.BusinessUnit;

                rows.Add(row);
            }
            result.rows = rows.ToArray();
            result.page = pageIndex;
            result.total = (totalRecords + numberOfRows - 1) / 8;
            result.records = totalRecords;
            JavaScriptSerializer serializer = new JavaScriptSerializer() { MaxJsonLength = Int32.MaxValue, RecursionLimit = 100 };
            //return new JavaScriptSerializer().Serialize(result);
            return serializer.Serialize(result);
        }


        private Collection<User> GetUsers(string numberOfRows, string pageIndex, string sortColumnName, string sortOrderBy, out int totalRecords)
        {
            Collection<User> users = new Collection<User>();
            MySqlConnection conn = Functions.GetConnection();
            string sql;
            sql = "SELECT *  FROM swans.tblsomain,tblligerstatus;";


            MySqlCommand cmd = new MySqlCommand(sql, conn);
            MySqlDataReader data1 = cmd.ExecuteReader();

            string connectionString = "server=127.0.0.1;database=swans;uid=root;password=''";

            using (MySqlConnection connection = new MySqlConnection(connectionString))
            {
                using (MySqlCommand command = new MySqlCommand())
                {
                    command.Connection = connection;
                    command.CommandText = "select ItemCode,PartNumber,ItemDescriptionShort,ItemDescriptionLong,ProductCode,GroupCode,BusinessUnit from tblitemcodefromqne;";
                    command.CommandType = CommandType.Text;

                    MySqlParameter paramPageIndex = new MySqlParameter("@PageIndex",MySqlDbType.Int32);
                    paramPageIndex.Value = Convert.ToInt32(pageIndex);
                    command.Parameters.Add(paramPageIndex);

                    MySqlParameter paramColumnName = new MySqlParameter("@SortColumnName", MySqlDbType.VarChar, 50);
                    paramColumnName.Value = sortColumnName;
                    command.Parameters.Add(paramColumnName);

                    MySqlParameter paramSortorderBy = new MySqlParameter("@SortOrderBy", MySqlDbType.VarChar, 4);
                    paramSortorderBy.Value = sortOrderBy;
                    command.Parameters.Add(paramSortorderBy);

                    MySqlParameter paramNumberOfRows = new MySqlParameter("@NumberOfRows", MySqlDbType.Int32);
                    paramNumberOfRows.Value = Convert.ToInt32(numberOfRows);
                    command.Parameters.Add(paramNumberOfRows);

                    MySqlParameter paramTotalRecords = new MySqlParameter("@TotalRecords",MySqlDbType.Int32);
                    totalRecords = 0;
                    paramTotalRecords.Value = totalRecords;
                    paramTotalRecords.Direction = ParameterDirection.Output;
                    command.Parameters.Add(paramTotalRecords);


                    connection.Open();

                    using (MySqlDataReader dataReader = command.ExecuteReader())
                    {
                        User user;
                        while (dataReader.Read())
                        {
                            user = new User();
                            user.ItemCode = Convert.ToString(dataReader["ItemCode"]);
                            user.PartNumber = Convert.ToString(dataReader["PartNumber"]);
                            user.ItemDescriptionShort = Convert.ToString(dataReader["ItemDescriptionShort"]);
                            user.ItemDescriptionLong =Convert.ToString(dataReader["ItemDescriptionLong"]);
                            user.ProductCode = Convert.ToString(dataReader["ProductCode"]);
                            user.GroupCode = Convert.ToString(dataReader["GroupCode"]);
                            user.BusinessUnit = Convert.ToString(dataReader["BusinessUnit"]);
                            users.Add(user);
                        }
                    }
                    totalRecords = users.Count;

                }

                return users;
            }

        }



        public bool IsReusable
        {
            get
            {
                return false;
            }
        }

    }   

<script type="text/javascript" >
        $(function () {
            $("#UsersGrid").jqGrid({
                type: 'POST',
                url: 'ItemCode.ashx',
                datatype: "json",
                width: 1245,
                height: 450,
                serializeGridData: function (postData) {
                    return JSON.stringify(postData);
                },
                jsonReader: {
                    repeatitems: false,
                    root: "rows",
                    page: "page",
                    total: "total",
                    records: "records"
                },

                colNames: ['Item Code', 'Part Number', 'Short Description', 'Long Description', 'Product Code', 'Group Code', 'Business Unit'],
                colModel: [
                    { name: 'ItemCode', index: 'ItemCode', width: 60, editable:true, sorttype: 'string' },
                    { name: 'PartNumber', index:'PartNumber', width: 50  },
                    { name: 'ItemDescriptionShort',index:'ItemDescriptionShort', width: 260 },
                    { name: 'ItemDescriptionLong',index:'ItemDescriptionLong', width: 260  },
                    { name: 'ProductCode',index:'ProductCode', width: 50 },
                    { name: 'GroupCode',index:'GroupCode', width: 50 },
                    { name: 'BusinessUnit',index:'BusinessUnit', width: 50 },



                ],



                cmTemplate: { title: false },
                rowNum: 20,
                mtype: 'GET',
                loadonce: true,
                rowList: [10, 20, 30],
                pager: '#UsersGridPager',
                sortname: 'ItemCode',
                multiSort: true,
                gridview: true,
                viewrecords: true,

                sortorder: 'asc',
                caption: "Item Code Summary"


            });

            jQuery("#UsersGrid").jqGrid('navGrid', '#UsersGridPager',
            { del: false, add: false, edit: false, search: false });
            jQuery("#UsersGrid").jqGrid('filterToolbar', { stringResult: true, searchOnEnter: false });



        });

</script>
</head>
<body>
<form id="UsersForm" runat="server">
<table id="UsersGrid" ></table>
 <div id="UsersGridPager"></div>
</form>
</body>