<%@ 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. opencv查看源代码

    这一节是一个插曲,有的人刚开始学opencv就看源代码,有的人直接拿着opencv的API用...... 学了一个多月opencv了,就是没找到源代码,想看的时候都是从网上找的,或者看网上说从哪个文件 ...

  2. tensorboard启动图

    import tensorflow as tf # 定义一个简单的计算图,实现向量加法的操作. input1 = tf.constant([1.0, 2.0, 3.0], name = 'input1 ...

  3. 学习笔记：Zepto笔记

    1.Zepto对象不能自定义事件 例如执行:$({}).bind('cust',function(){}); 结果:TypeError:Object#hasnomethod'addEventListe ...

  4. 13.小结Action

    转自:https://wenku.baidu.com/view/84fa86ae360cba1aa911da02.html 在struts2中一个普通的java类只要有public String ex ...

  5. Django---form 详解

    Form表单的功能 准备数据.重构数据,以便下一步提交. 为数据创建HTML 表单 接收并处理客户端提交的表单和数据 普通字段详解: class BooleanField(**kwargs): 默认的 ...

  6. JPQL和SQL的比较

    前言 在JAVA EE中,JPQL是专门为Java 应用程序访问和导航实体实例设计的.Java Presistence Query Language(JPQL),java持久性查询语言.它是JPA规范 ...

  7. 使用eclipse从github导入maven项目

    github给的地址是类似https://github.com/xxx/se.git格式; 如何将其用eclipse导入呐? 第一步, Import Projects from Git 导入成功后 第 ...

  8. java ee7 -- Java Bean验证

    针对对象.对象成员.方法.构造函数的数据验证. 1. 一个验证的小例子 (1) 添加引用jar <dependency> <groupId>org.hibernate.vali ...

  9. typscript 语法1

    let isDone: boolean = false; let decLiteral: number = 0xf00d; let names: string = 'boob'; /** 使用模版字符 ...

  10. How to Pronounce UMBRELLA

    How to Pronounce UMBRELLA Share Tweet Share Tagged With: 3-Syllable When the weather is bad, you’ll ...