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绑定数据的两种方式的介绍. 虽然精简,但是,很具有“师傅领进门,修行靠个人”的精神,先发自内心的赞一个. 但是,很多人和小编一样,第一次 ...
随机推荐
- mock单测
mockMvc执行流程总结: 整个过程:1.mockMvc.perform执行一个请求:2.MockMvcRequestBuilders.get("/user/1")构造一个请求3 ...
- HTML5 Canvas ( 矩形的绘制 ) rect, strokeRect, fillRect
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- redis、memcache和mongodb各自的优缺点是什么
redis.memcahce 比较相似,但与 mongodb 完全不同,几乎没有可比性. 总的来说 redis/memcache 是基于内存的,讲究的是性能,多用作缓存层,比如说存放session.而 ...
- JS时间格式和时间戳的互转
//时间格式转为时间戳 function sjc(){ var date = new Date(); //时间对象 var str = date.getTime(); //转换成时间戳 } //时间戳 ...
- 下载的chm文件打不开问题
下载的chm文件无法打开,是因为此文件是在其它电脑上编辑的,上面留有原电脑的信息,当下载打开时,发现电脑信息不一致,因此会将应用锁定. 操作:文件 --> 属性 -->常规 --&g ...
- 在mfc中picture控件中显示Mat图片<转>
void ShowMatImgToWnd(CWnd* pWnd, cv::Mat img) { if(img.empty()) return; CRect drect; pWnd->GetCli ...
- ABAP-增强-MRP运行-根据工厂/父件/子件/供应商拆分采购申请
最近有个业务需要,MRP运行过程中需要根据生产计划订单/子件/供应商对应关系来拆解采购申请. 1.具体实例: a.基础数据 整车物料:NL1G58420151001219 子件:00000000888 ...
- UI5-文档-4.29-Integration Test with OPA
如果我们想测试我们的应用程序的交互模式或更多的可视化特性,我们也可以编写一个集成测试. 我们还没有想过测试我们与app的交互,所以在这一步中,我们将在点击“Say Hello with dialog” ...
- ios App 文件夹
转:http://stackoverflow.com/questions/16561779/nssearchpathfordirectoriesindomains-nsuserdomainmask D ...
- centos多版本python安装pip
http://www.cnblogs.com/longxiang92/p/5829373.html yum install python-pip 报错 no package python-pip av ...