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分页的更多相关文章

  1. T-SQL 随机返回特定行数据和分页查询

    T-SQL 随机返回特定行数据和分页查询 T-SQL 语言相较于标准SQL添加了很多特性,为了提高SQL Server的表现,是有必要深入了解的,面试时一般也会包含这两个小问题. 首先,是在一个Adv ...

  2. c# js 删除table原行数据

    function addtreetotable(obj){ var table1 =  document.getElementById("Table1"); var hang =  ...

  3. 自我反思--table的简单数据分页

      自我反思   几天没有写工作总结了,整个人都变得懒散了.公司的工作也确实是不紧张,对于我这种自制力不强的人简直是...(想不到词了),完全放了风了... 每天逛逛淘宝,买些乱七八糟其实并没有什么用 ...

  4. Silverlight获取DataGrid选中的行数据

    注意触发的事件为:CurrentCellChanged后台代码: /// <summary> /// 获取datagrid当前选中的单元格数据 /// 如果绑定的数据源为实体的话默认选中的 ...

  5. jquery easyui datagrid 获取Checked选择行(勾选行)数据

    原文:jquery easyui datagrid 获取Checked选择行(勾选行)数据 getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录. getSel ...

  6. Saiku设置展示table数据不隐藏空的行数据信息（二十六）

    Saiku设置展示table数据不隐藏空的行数据信息 saiku有个 非空的字段 按钮,点击这个后,会自动的把空的行数据信息给隐藏掉,这里我们来设置一下让其行数据不隐藏,为空的就为空. 主要更改两个文 ...

  7. 架构模式数据源模式之：表数据入口（Table Data Gateway）、行数据入口（Row Data Gateway）、活动记录（Active Record）

    一:表数据入口(Table Data Gateway) 表数据入口提供了用于访问单个表或者视图(也包含了联表查询)的所有SQL,通常一个表一个类.其它代码通过它来实现对数据库的交互.基于这个特点,表数 ...

  8. easyui datagrid加载成功之后选定并获取首行数据

    //加载成功之后,选定并获取首行数据 onLoadSuccess:function(data){ alert("grid加载成功"); var rows=$('test').dat ...

  9. Table标题行冻结，数据行滚动的一种方式

    这段时间在做Table标题行冻结,数据行滚动,虽然能实现,但也遇到一些问题,记录下来. 首先说说实现,实现其实不难,估计很多人都能想象出来,那就是标题行与内容行分离.我是这么做的,用两个表格,一个只有 ...

随机推荐

  1. 用户管理 之 Linux 用户（user）和用户组（group）管理概述

    一.理解Linux的单用户多任务,多用户多任务概念:Linux 是一个多用户.多任务的操作系统:我们应该了解单用户多任务和多用户多任务的概念: 1.Linux 的单用户多任务:单用户多任务:比如我们以 ...

  2. ecshop登陆后价格可见,会员注册登陆才能显示价格

    打开模版文件夹里面的goods.dwt 查找{$lang.shop_price}<font class="price" id="ECS_SHOPPRICE" ...

  3. Turn off swi-prolog protocol output of ANSI terminal control sequences

    To save a record of program execution in prolog, we use the special predicates: protocol and noproto ...

  4. 2.C#中通过委托Func消除重复代码

    阅读目录   一:重复的代码 二:C#中通过委托Func消除重复代码 一:重复代码    public class Persion { public string Name { get; set; } ...

  5. UML 六种关系

    .继承, 男人 和 人 的关系2.实现, 孕妇 和 生宝宝 的关系3.依赖, 人 和 大米.水4.关联, 男人 和 工作5.聚合, 弱整体和部分, 轮子和车6.组合, 强整体和部分, 眼睛和人 参考: ...

  6. Cheat (tldr, bropages) - Unix命令用法备忘单

    cheat 是一个Unix命令行小工具,用来查询一些常用命令的惯用法(我们都知道,man page阅读起来太累了,常常是跳到最后去看 examples,但并不是所有man pages里面都有examp ...

  7. [转]Linux下的lds链接脚本详解

    转载自:http://linux.chinaunix.net/techdoc/beginner/2009/08/12/1129972.shtml     一. 概论 每一个链接过程都由链接脚本(lin ...

  8. (笔记)Linux内核学习(八)之定时器和时间管理

    一 内核中的时间观念 内核在硬件的帮助下计算和管理时间.硬件为内核提供一个系统定时器用以计算流逝的时间.系 统定时器以某种频率自行触发,产生时钟中断,进入内核时钟中断处理程序中进行处理. 墙上时间和系 ...

  9. PowerShell定时抓取屏幕图像

         昨天的博文写了定时记录操作系统行为,其实说白了就是抓取了击键的记录和对应窗口的标题栏,而很多应用程序标题栏又包含当时记录的文件路径和文件名,用这种方式可以大致记录操作了哪些程序,打开了哪些文 ...

  10. android 开发 - 使用okhttp框架封装的开发框架

    概述 在android开发中经常要访问网络,目前最流行的网络访问框架就是Okhttp了,然而我们在具体使用时,往往仍然需要二次封装.我使用Builder设计模式进行了封装形成oknet开源库. 介绍 ...