datagrid分页 从后端获取数据也很简单
<%@ 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分页 从后端获取数据也很简单的更多相关文章
- Mongoose 分页查询优化、获取数据总长度
无论是传统网页还是 ajax api,我们都不得不进行数据分页,一来节省带宽二来提升页面响应速度.作为一个数据完备的 web 应用,做好分页功能能极大提升用户体验. 简单的分页查询 在 mongoos ...
- JQuery UI之Autocomplete(2)后端获取数据
1.Autocomplete获取后台数据 首先引入css和js文件,以及对应的HTML代码如下: <link href="../css/jquery-ui.css" rel= ...
- ui-grid从后端获取数据后更改数据显示的格式
从后端获取的数据时是这样的: { "TotalCount":14,"Items": [ { "ProfileId":14, "Na ...
- vue模拟后端获取数据——json-server与express
转载自: https://blog.csdn.net/weixin_39728230/article/details/80293892 https://blog.csdn.net/lxkll/arti ...
- 前端向后端获取数据的三种方法:ajax、axios、fetch
1.jQuery中的ajax get方法: $.ajax({ url:"v4/api/film/now-playing?t=1539401039415&page=1&coun ...
- 向.net后端发送请求获取数据,在前端动态填充表格
实现效果 实现步骤 通过Ajax请求的方式 1.在前端定义Table 2.通过Ajax向.net后端发送数据请求 3.在.net后端定义方法供前端调用,并返回所需的数据 4.通过构造字符串的方式,将后 ...
- WPF DataGrid分页功能实现代码
在Silverlight中DataGrid分页可以结合DataPager控件很容易实现,但是在WPF中没有类似的,需要手动实现这样一个控件: 1.创建一个UserControl,DP.xaml,代码如 ...
- EasyUI表格DataGrid前端分页和后端分页的总结
Demo简介 Demo使用Java.Servlet为后台代码(数据库已添加数据),前端使用EasyUI框架,后台直接返回JSON数据给页面 1.配置Web.xml文件 <?xml version ...
- easyUI之datagrid绑定后端返回数据的两种方式
先来看一下某一位大佬留下的easyUI的API对datagrid绑定数据的两种方式的介绍. 虽然精简,但是,很具有“师傅领进门,修行靠个人”的精神,先发自内心的赞一个. 但是,很多人和小编一样,第一次 ...
随机推荐
- Selenium2+python自动化75-非input文件上传(SendKeys)
前言 不少小伙伴问非input标签如何上传文档,这个本身就是一坑,无奈很多小伙伴非要跳坑里去,那就介绍一个非主流的上传文件方法吧,用第三方库SendKeys. 只支持python2环境 python3 ...
- ABAP-增强-层级BOM-AB件业务
目前新需求:整车A下挂有委外总成件B,总成件B和子件E是层级BOM,且采购类型均为F,信息记录类型均为寄售,按照现在标准MRP逻辑,只能计算第一层级子件需求,无法运行出子件E的需求. 1.实现方式 1 ...
- 微擎系统 微信支付 get_brand_wcpay_request:fail
支付授权目录问题,有一个是域名加app的
- 深入MySQL用户自定义变量
一.到底MySQL的变量分哪几类? MySQL变量一共分为两大类:用户自定义变量和系统变量.如下: 用户自定义变量 局部变量 会话变量 系统变量 会话变量 全局变量 本文涉及的内容为用户自定义会话变量 ...
- Bioconductor应用领域之基因芯片
引用自https://mp.weixin.qq.com/s?__biz=MzU4NjU4ODQ2MQ==&mid=2247484662&idx=1&sn=194668553f9 ...
- spring学习笔记(二)
Spring的Bean管理:(注解方式) Spring的AOP:XML方式 Spring的AOP:注解方式 1.Spring的Bean管理的中常用的注解: * @Controller :WEB层 ...
- HttpClient 超时时间
setSoTimeout(MilSec):连接超时时间.如果在连接过程中有数据传输,超时时间重新计算. setConnectTimeout(MilSec):获取连接超时时间.如果该参数没有设置,那么默 ...
- 安装RabbitMq-----windows
在官网download我们所需要的版本,安装rabbitMq需要erlang支持 rabbitMq :http://www.rabbitmq.com/download.html erlang :ht ...
- update from
update table1 set table1.column1 =(select table2.column1 from table2 where 关联条件) where exists(selec ...
- error CS1010 CS8025 CS1012 CS1525 常见文档错误解决
error CS1010: Newline in constant error CS8025: Parsing error error CS1012: Too many characters in c ...