<%@ 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. AS3 - 数组元素乱序方法以及效率比较

    http://www.hangge.com/blog/cache/detail_453.html

  2. 遍历python字典几种方法

    遍历python字典几种方法 from: http://ghostfromheaven.iteye.com/blog/1549441 aDict = {'key1':'value1', 'key2': ...

  3. python HttpServer共享文件

    在目录下运行 python -m SimpleHTTPServer python -m http.server 启动服务器.

  4. SpringMVC post和get乱码解决方式

    如何解决POST请求中文乱码问题,GET的又如何处理呢? 在web.xml中加入: <filter>     <filter-name>CharacterEncodingFil ...

  5. RxJava 与观察者模式

    RxJava到底是什么?让我们直接跳过官方那种晦涩的追求精确的定义,其实初学RxJava只要把握两点:观察者模式和异步,就基本可以熟练使用RxJava了. 异步在这里并不需要做太多的解释,因为在概念和 ...

  6. JVM内存管理基础

     JVM 虚拟机架构(图片来源: 浅析Java虚拟机结构与机制) JVM 内存区域 JVM会将Java进程所管理的内存划分为若干不同的数据区域. 这些区域有各自的用途.创建/销毁时间: (图片来源:  ...

  7. mydumper使用

    一.下载安装,打开https://launchpad.net/mydumper #wget https://launchpadlibrarian.net/185032423/mydumper-0.6. ...

  8. Quartz+TopShelf实现Windows服务作业调度

    Quartz:首先我贴出来了两段代码(下方),可以看出,首先会根据配置文件(quartz.config),包装出一个Quartz.Core.QuartzScheduler instance,这是一个调 ...

  9. Delphi 动态数组合并

    TIntArray = array of Integer; function MergeArray(const ArrayA, ArrayB: TIntArray): TIntArray; var i ...

  10. C#中导出EXCEL服务器端不用安装OFFICE

    在实际开发过程中,有时候服务器端没安装OFFICE,你和服务器管理员去商量安装个OFFICE的时候,管理员很倔犟的不给你安装的时候,这个时候就可以考虑我这个方法是实现导出EXCEL了.如果你导出的EX ...