javascript分页显示

 //根据条件查找数据
list = Stdqj.FindAll(where, "ID desc", "", (pageindex - 1) * 15, 15);
// 根据list查找的条件,查找list的总数(count)
    ViewBag.total = Stdqj.FindCount(where);
//在传递参数中传递pageindex
//获取当前pageindex的值
                ViewBag.pageindex = pageindex;
            }
            return View(list);
 <div id="pager">
                <a href="javascript:;" onclick="goPage(1)">首页</a>
//pageindex如果大于1:pageindex=3(当前页=3)则存在第1页第2页,允许点击上一页
                @if (ViewBag.pageindex > 1)
                {
                    <a href="javascript:;" onclick="goPage(@(ViewBag.pageindex - 1))">上一页</a>
                }
                else
                {
                    <a href="javascript:;" class="noContent">上一页</a>
                }
//如果数量大于当前页pageindex*15则允许点击下一页/末页
                @if (ViewBag.total > ViewBag.pageindex * 15)
                {
                    <a href="javascript:;" onclick="goPage(@(ViewBag.pageindex + 1))" class="noContent">下一页</a>
//向上取整
                    <a href="javascript:;" onclick="goPage(@(Math.Ceiling(Convert.ToDouble(ViewBag.total)/15)))" class="noContent">末页</a>
                }
                else {
                    <a href="javascript:;" class="noContent">下一页</a>
                    <a href="javascript:;" class="noContent">末页</a>
                }
            </div>
            <script type="text/javascript">
    goPage = (function (page) {
        var s = window.location.href;
        if (/pageindex=/.test(s))
            s = s.replace(/pageindex=[0-9]*/, "pageindex=" + page);
        else
            s = s + "&pageindex=" + page;
        if (!/\?/.test(s))
            s = s.replace("&", "?");
        window.location.href = s;
    });
            </script>
时间: 2024-10-13 00:53:18

javascript分页显示的相关文章

javascript 分页组件

原文:javascript 分页组件 自己写的一个简单的分页组件,主要功能还有实现都在JS中,html页面中只用增加一个放置生成分页的DIV,并给定容器的id. html结构如下: <ul class="pagination" id="pageDIV"> </ul> class="pagination" 给定了分页的样式, id="pageDIV"用于放置JS生成的分页 CSS结构如下: .pagina

LigerUI中通过加载服务端数据进行表格的分页显示

前言:我的这一篇文章是紧接着上一篇关于LigerUI的文章(http://www.zifangsky.cn/379.html)写的,因此在这里我就省略了相关的环境搭建,直接进入正题 一 介绍 在LigerUI中显示表格是用的ligerGrid,同时我们可以通过配置url参数就可以加载远程数据并显示成表格形式.不仅如此,ligerGrid还可以进行数据的排序和分页显示: (1)排序:需要用到"sortname"和"sortorder"这两个参数,分别表示按哪个字段排序

PHP之分页显示数据-新闻系统

一.项目设计 1.项目要求 2.主页面使用frame框架进行设计,内容如下: index.php <span style="font-family:SimSun;font-size:18px;"><html> <frameset rows="80%,20%" frameborder="no" border="0" cols="900px"> <frameset co

自制Javascript分页插件,支持AJAX加载和URL带参跳转两种初始化方式,可用于同一页面的多个分页和不同页面的调用

闲话部分 最近闲着实在无聊,就做了点小东西练练手,由于原来一直在用AspNetPager进行分页,而且也进行了深度的定制与原有系统整合的也不错,不过毕竟是用别人的,想着看自己能试着做出来不能,后台的分页插件已经有比较成熟的了,那就自己试着写一个前台分页吧. 话不多说,先上效果图: 优点与缺点 来说说优缺点吧,首先AspNetPager是后台分页控件,所以在向客户端回传HTML文档之前生成HTML阶段 就会把分页代码生成完毕,然后回传,而JS是前端代码,就是HTML文档在服务器组织完毕往客户端传送

Asp 解析 XML并分页显示

Asp 解析 XML并分页显示 Asp 解析 XML并分页显示,示例源码如下: <!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"> <hea

分页显示数据----前端(将数据库中的信息分页显示到网页)

在上篇文章中,我们已经完成了分页显示的后台处理,现在进行前端的处理. 期望显示结果: 由于对于不同的项目.不同的数据库数据部分不同,所以我们将分页部分提取出来,单独建立jsp页面: 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <%@ taglib prefix="c"

分页显示——(一)

1.思路介绍: 先定义一个封装分页数据的泛型工具类,控制层中通过前台传的页数与每页的数量向service要page对象,service层调用dao返回总数并调用dao取出数据(limit关键字),dao层从数据库中取出service层所需要的数据,并提交给service层.这样就达到分页的效果.数据封装在pageBean的list中 2.PageBean工具类(泛型类) package utils; /** * 分页工具类 */ import java.util.ArrayList; impor

JSP分页显示实例(基于Bootstrap)

首先介绍一款简单利落的分页利器:bootstrap-paginator 效果截图: GitHub官方下载地址:https://github.com/lyonlai/bootstrap-paginator 备用下载地址:http://files.cnblogs.com/files/Dreamer-1/bootstrap-paginator-master.rar 下面就来详细介绍一下基于这款分页利器的JSP分页显示实现过程(注:相较于原网页我隐去了很多不必要的内容,本例只专注于分页显示的实现) 一:

javascript实例学习之四——javascript分页

话不多少,直接上代码 html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>javascript分页效果</title> <style> a{margin-right:5px;} </style> </head> <body> <div id