<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Datagrid.aspx.cs" Inherits="EasyUI.Datagrid" %>

<!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 runat="server">
    <title></title>

<%--    <link href="Styles/jQuery/EasyUI/easyui.css" rel="stylesheet" type="text/css" />
    <link href="Styles/jQuery/EasyUI/icon.css" rel="stylesheet" type="text/css" />

<script src="Scripts/jQuery/jquery.min.js" type="text/javascript"></script>
    <script src="Scripts/jQuery/EasyUI/jquery.easyui.min.js" type="text/javascript"></script>--%>
 <link href="../themes/icon.css" rel="stylesheet" />
    <link href="../themes/default/easyui.css" rel="stylesheet" />
    <link href="../src/demo.css" rel="stylesheet" />
    <script src="../comjs/jquery-1.8.0.min.js"></script>
    <script src="../comjs/jquery.easyui.min.js"></script>

<script type="text/javascript">
        $(function () {
            $dg = $("#dg");
            $dg.datagrid({
                url: "Data.ashx",
                title: "DataGrid",
                collapsible: true,
                pageList:  [4, 10, 15, 20],
                pageSize: 4,
                width: 500,
                rownumber:true,
                columns: [[
                { checkbox:true },
                { field: "mId", title: "MenuID", width: 100, align:"center" },
                { field: "mName", title: "MenuName", width: 100, align: "center" },
                 { field: "mIsDel", title: "MenuIsDel", width: 100, align: "center" },
                { field: "mAddtime", title: "MenuAddtime", width: 100, align:"center" }
                
            ]],
            pagination:true
            });
        });
    </script>
</head>
<body>
    <table id="dg"></table>
</body>
</html>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
//using System.ServiceModel.Web;
using System.Data;
using System.Data.SqlClient;

namespace EasyUI
{
    /// <summary>
    /// Data1 的摘要说明
    /// </summary>
    public class Data1 : IHttpHandler
    {

public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "application/json";
            //    context.Response.ContentType = "text/plain";

string page = context.Request.Form["page"];
            string rows = context.Request.Form["rows"];

int pageNum = int.Parse(page);
            int pageSize = int.Parse(rows);

int total = 0;
            string rs;

using (SqlConnection conn = new SqlConnection())
            {
                conn.ConnectionString = "Data Source=.;Initial Catalog=CompanyGZ;Integrated Security=True";

using (SqlCommand cmd = new SqlCommand())
                {
                    string sql = "SELECT COUNT(*) FROM Menu;";
                    cmd.Connection = conn;
                    cmd.CommandText = sql;

conn.Open();
                    total = (int)cmd.ExecuteScalar();

sql = string.Format("SELECT TOP {0} mId, mName, mIsDel, mAddtime " +
                                        "FROM Menu " +
                                        "WHERE mId NOT IN (SELECT TOP {1} mId FROM Menu);",
                                        pageSize, (pageNum - 1) * pageSize);
                    cmd.CommandText = sql;
                    using (SqlDataReader reader = cmd.ExecuteReader())
                    {
                        string rsRows = "";
                        while (reader.Read())
                        {
                            string tmpRs = string.Format("\"mId\":\"{0}\"," +
                                                    "\"mName\":\"{1}\"," +
                                                    "\"mIsDel\":\"{2}\"," +
                                                    "\"mAddtime\":\"{3}\"",
                                                    reader["mId"],
                                                    reader["mName"],
                                                    reader["mIsDel"],
                                                    reader["mAddtime"]);
                            rsRows += "{" + tmpRs + "},";
                        }
                        rsRows = rsRows.Substring(0, rsRows.Length - 1);

rsRows = "[" + rsRows + "]";

rs = string.Format("\"total\":\"{0}\"", total);
                        rs += ",\"rows\":" + rsRows;

rs = "{" + rs + "}";

context.Response.Write(rs);
                    }
                }
            }

//    context.Response.Write(rs);
        }

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

datagrid分页 从后端获取数据也很简单的更多相关文章

  1. Mongoose 分页查询优化、获取数据总长度

    无论是传统网页还是 ajax api,我们都不得不进行数据分页,一来节省带宽二来提升页面响应速度.作为一个数据完备的 web 应用,做好分页功能能极大提升用户体验. 简单的分页查询 在 mongoos ...

  2. JQuery UI之Autocomplete(2)后端获取数据

    1.Autocomplete获取后台数据 首先引入css和js文件,以及对应的HTML代码如下: <link href="../css/jquery-ui.css" rel= ...

  3. ui-grid从后端获取数据后更改数据显示的格式

    从后端获取的数据时是这样的: { "TotalCount":14,"Items": [ { "ProfileId":14, "Na ...

  4. vue模拟后端获取数据——json-server与express

    转载自: https://blog.csdn.net/weixin_39728230/article/details/80293892 https://blog.csdn.net/lxkll/arti ...

  5. 前端向后端获取数据的三种方法:ajax、axios、fetch

    1.jQuery中的ajax get方法: $.ajax({ url:"v4/api/film/now-playing?t=1539401039415&page=1&coun ...

  6. 向.net后端发送请求获取数据，在前端动态填充表格

    实现效果 实现步骤 通过Ajax请求的方式 1.在前端定义Table 2.通过Ajax向.net后端发送数据请求 3.在.net后端定义方法供前端调用,并返回所需的数据 4.通过构造字符串的方式,将后 ...

  7. WPF DataGrid分页功能实现代码

    在Silverlight中DataGrid分页可以结合DataPager控件很容易实现,但是在WPF中没有类似的,需要手动实现这样一个控件: 1.创建一个UserControl,DP.xaml,代码如 ...

  8. EasyUI表格DataGrid前端分页和后端分页的总结

    Demo简介 Demo使用Java.Servlet为后台代码(数据库已添加数据),前端使用EasyUI框架,后台直接返回JSON数据给页面 1.配置Web.xml文件 <?xml version ...

  9. easyUI之datagrid绑定后端返回数据的两种方式

    先来看一下某一位大佬留下的easyUI的API对datagrid绑定数据的两种方式的介绍. 虽然精简,但是,很具有“师傅领进门,修行靠个人”的精神,先发自内心的赞一个. 但是,很多人和小编一样,第一次 ...

随机推荐

  1. 关系型数据库之Mysql

    简介 主要知识点包括:能够与mysql建立连接,创建数据库.表,分别从图形界面与脚本界面两个方面讲解 相关的知识点包括:E-R关系模型,数据库的3范式,mysql中数据字段的类型,字段约束 数据库的操 ...

  2. uva-539-枚举

    题意: 给你一个无向图,找最长路. 俩份代码,感觉map[][]简单易懂啊 #include<stdio.h> #include<iostream> #include<s ...

  3. 过滤器 ；spring拦截器 切片 小结

    1. springMVc的拦截器 实现HandlerInterceptor接口,如下: public class HandlerInterceptor1 implements HandlerInter ...

  4. 24.OGNL与ValueStack(VS)-集合对象初步

    转自:https://wenku.baidu.com/view/84fa86ae360cba1aa911da02.html 首先在LoginAction中增加如下字段并提供相应的get/set方法: ...

  5. JS的prototype和__proto__、constructor

    看了JS的prototype和__proto__这篇文章,才感觉很清晰了,对于原型这块,以前经常把这些属性弄不清楚, 明白了之后保存下整理下: prototype: 是函数的一个属性(每个函数都有一个 ...

  6. delphi const的用法

    unit RadKeygen; interface uses Classes,SysUtils,Windows; function fun1():string; implementation cons ...

  7. 安装新操作系统 Windows 路径设置 节省C盘空间

    1.QQ个人文件夹设置到D盘,D:\ProgramData\QQ 2.IE收藏夹设置到D盘,IE缓存设置到D盘 例如我想把收藏夹默认的保存路径改到D:\study下.关闭Internet Explor ...

  8. 可视化库-seaborn-热力图(第五天)

    1. 画一个基本的热力图, 通过热力图用来观察样本的分布情况 import matplotlib.pyplot as plt import numpy as np np.random.seed(0) ...

  9. 迭代器iter()

    from collections import Iterable print(isinstance({},iterable)) # 判断是否可迭代 from collections import It ...

  10. C++ 实现的netstat -an 的功能<转>-目的为获取rtmp推流地址如果是域名的话查看1935的ip

    目的可能是为了获取rtmp真正的推流ip 如果rtmp推流地址是域名,往CDN推流的话,需要nslookup  的那种DNS解析,然后获取的几个ip 可以使用netstat -n 等命令查看 1935 ...