<%@ 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. selenium+python自动化85-python3.6上SendKeys报错用PyUserInput取代

    前言 python2上安装SendKeys库,对于不好定位的元素,用快捷键操作是极好的,那么在3.6上安装时,会报错 python3.6安装SendKeys报错 1.python3.6安装SendKe ...

  2. Java调用Bat

    import java.io.BufferedReader; import java.io.File; import java.io.IOException; import java.io.Input ...

  3. sqoop1的安装以及数据导入导出测试

    下载 wget http://mirror.bit.edu.cn/apache/sqoop/1.4.7/sqoop-1.4.7.bin__hadoop-2.6.0.tar.gz 解压 tar -zxf ...

  4. PHP中间件--ICE

    ICE(Internet Communications Engine)是Zeroc提供的一款高性能的中间件.使用ICE能使得php(或c++,java,python)与java,c++,.net,py ...

  5. <、>&、<& 重定向符

    <.>&.<& 重定向符 这三个命令也是管道命令,但它们一般不常用,你只需要知道一下就ok了,当然如果想仔细研究的话,可以自己查一下资料.(本人已查过,网上也查不到相 ...

  6. ABAP-FTP通用操作

  7. linux no space left on device

    一般有两个原因: 1.磁盘空间不足 2.inode不足 用df -h查看磁盘空间使用情况 用df -i查看inode使用情况

  8. UGUI Auto Layout 自动布局

    Layout Element 首先分配 Minimum Size 如果还有足够空间,分配 Preferred Size 如果还有额外空间,分配 Flexible Size 比较特别的是 Flexibl ...

  9. mysql in 过滤 解决转义问题

    IF(headUser!='',instr(concat(',',headUser,','),concat(',',cr.headUser,',')),TRUE);

  10. 分页导航jsp

    <c:choose>标签与Java switch语句的功能一样,用于在众多选项中做出选择. switch语句中有case,而<c:choose>标签中对应有<c:when ...