table.appand(行数据) datagrid分页
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using Mvc5.Models; namespace Mvc5.Controllers
{
public class HomeController : Controller
{
BookShopPlusEntities db = new BookShopPlusEntities(); public ActionResult Index()
{
//控制器在启动index方法时,视图还没加载,Request.Params["page"]的值是空的
if (Request.Params["page"]==null)
{
return View();
}
else
{
//获取客户端的请求参数:page是第几页
int pid = Convert.ToInt16(Request.Params["page"]);
//获取客户端的请求参数:size是每页几条数据
int size = Convert.ToInt16(Request.Params["rows"]);
int count = db.Books.Count();//总行数
//获取分页数据
List<Books> list = db.Books.OrderBy(b=>b.Id).Skip((pid - ) * size).Take(size).ToList();
//把集合转换转换成匿名类对象
var result = from b in list
select new
{
Title = b.Title,
Id = b.Id
};
//发送json数据到客户端,如果视图页面用到easyui的表格,必须用total和rows属性名
return Json(new { total = count, rows = result }, JsonRequestBehavior.AllowGet);
}
} }
}
@{
Layout = null;
} <!DOCTYPE html> <html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<link href="~/easyui/themes/icon.css" rel="stylesheet" />
<link href="~/easyui/themes/default/easyui.css" rel="stylesheet" />
<script src="~/easyui/jquery.min.js"></script>
<script src="~/easyui/jquery.easyui.min.js"></script>
<script src="~/easyui/locale/easyui-lang-zh_CN.js"></script>
<script>
/*
$(function () {
$("#tab").datagrid({
url: "/Home/Index",
columns: [[
{ field: 'Title', title: '标题' }
]],
singleSelect: true,
pagination: true,
pageSize: 10,
//设置分页时初始化条数选择大小
pageList: [5, 10, 15],
//设置分页时初始化页码
pageNumber: 1,
//设置分页工具栏的位置
pagePosition: "bottom"
});
});
*/
$(function () {
query(,);
});
function query(pid,size) {
$.get("/Home/Index", { page: pid, rows: size }, function (result) {
$("#tab").empty();
$.each(result.rows, function (i, mod) {
var tr = "<tr><td>" + mod.Title + "</td></tr>";
$("#tab").append(tr);
});
$('#pager').pagination({
total: result.total,//总行数
pageSize: size,
pageNumber: pid,
onSelectPage: function (pagenum, pagesize) {
query(pagenum, pagesize);
},
onChangePageSize: function (pagenum, pagesize) {
query(pagenum, pagesize);
}
});
}, "json");
}
</script>
</head>
<body>
<table id="tab"></table>
<div id="pager" style="background-color:aquamarine"></div>
</body>
</html>
table.appand(行数据) datagrid分页的更多相关文章
- T-SQL 随机返回特定行数据和分页查询
T-SQL 随机返回特定行数据和分页查询 T-SQL 语言相较于标准SQL添加了很多特性,为了提高SQL Server的表现,是有必要深入了解的,面试时一般也会包含这两个小问题. 首先,是在一个Adv ...
- c# js 删除table原行数据
function addtreetotable(obj){ var table1 = document.getElementById("Table1"); var hang = ...
- 自我反思--table的简单数据分页
自我反思 几天没有写工作总结了,整个人都变得懒散了.公司的工作也确实是不紧张,对于我这种自制力不强的人简直是...(想不到词了),完全放了风了... 每天逛逛淘宝,买些乱七八糟其实并没有什么用 ...
- Silverlight获取DataGrid选中的行数据
注意触发的事件为:CurrentCellChanged后台代码: /// <summary> /// 获取datagrid当前选中的单元格数据 /// 如果绑定的数据源为实体的话默认选中的 ...
- jquery easyui datagrid 获取Checked选择行(勾选行)数据
原文:jquery easyui datagrid 获取Checked选择行(勾选行)数据 getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录. getSel ...
- Saiku设置展示table数据不隐藏空的行数据信息(二十六)
Saiku设置展示table数据不隐藏空的行数据信息 saiku有个 非空的字段 按钮,点击这个后,会自动的把空的行数据信息给隐藏掉,这里我们来设置一下让其行数据不隐藏,为空的就为空. 主要更改两个文 ...
- 架构模式数据源模式之:表数据入口(Table Data Gateway)、行数据入口(Row Data Gateway)、活动记录(Active Record)
一:表数据入口(Table Data Gateway) 表数据入口提供了用于访问单个表或者视图(也包含了联表查询)的所有SQL,通常一个表一个类.其它代码通过它来实现对数据库的交互.基于这个特点,表数 ...
- easyui datagrid加载成功之后选定并获取首行数据
//加载成功之后,选定并获取首行数据 onLoadSuccess:function(data){ alert("grid加载成功"); var rows=$('test').dat ...
- Table标题行冻结,数据行滚动的一种方式
这段时间在做Table标题行冻结,数据行滚动,虽然能实现,但也遇到一些问题,记录下来. 首先说说实现,实现其实不难,估计很多人都能想象出来,那就是标题行与内容行分离.我是这么做的,用两个表格,一个只有 ...
随机推荐
- session204 imessageApp sticker part I要点
session204 imessageApp sticker partI 工程文件:https://developer.apple.com/library/prerelease/content/sam ...
- 学习之路三十九:新手学习 - Windows API
来到了新公司,一开始就要做个程序去获取另外一个程序里的数据,哇,挑战性很大. 经过两周的学习,终于搞定,主要还是对Windows API有了更多的了解. 文中所有的消息常量,API,结构体都整理出来了 ...
- Swift 关键字汇总
常见的关键字有以下4种 与声明有关的关键字:class.deinit.enum.extension.func.import.init.let.protocol.static.struct.subscr ...
- 从远程服务器数据库中同步数据到本地数据库 sql server 2008 开启分布
控制面板\所有控制面板项\管理工具 打开“管理工具――组件服务”,以此打开“组件服务――计算机”,在“我的电脑”上点击右键.在MSDTC选项卡中,点击“安全配置”按钮. 在安全配置窗口中做如下设置: ...
- Cocos2d-JS项目之三:使用合图
studio里使用合图感觉和spriteBatchNode差不多,但有不同,合图只起到在加载资源时减少IO的作用,起不到批渲染的作用.其实想想,studio本来就是用来拼UI界面的,一个上点规模的UI ...
- [转]Sql Server 给表与字段添加描述
/* 在SQL语句中通过系统存储过sp_addextendedproperty可为表字段添加上动态的说明(备注)下面是SQL SERVER帮助文档中对sp_addextendedproperty存储过 ...
- 使用 Portable Class Library(可移植类库)开发 Universal Windows App
今天在这里跟大家聊聊关于 Windows Universal 应用夸平台的问题,首先Universal Windows App的定义相信大家已经有所了解了(如果你是一个刚刚接触 Universal A ...
- PHP/MYSQL UTF8 中文排序
1. 需要在php数组中用中文排序,但是一般使用utf8格式的文件,直接用asort排序不行.用gbk和gb2312可以.这跟几种格式的编码有关系.gbk和gb2312本身的编码就是用拼音排序的. f ...
- Log4net介绍
一.Log4net介绍 log4net是一个功能著名的开源日志记录组件.利用log4net可以方便地将日志信息记录到文件.控制台.Windows事件日志和数据库(包括MS Server,Access, ...
- Fire!(BFS)
Fire! Time Limit:1000MS Memory Limit:0KB 64bit IO Format:%lld & %llu Submit Status Descr ...