public static string GetPageBarStr(int pageIndex, int pageSize, int pageCount, int recordCount)
        {
            StringBuilder sb = new StringBuilder();
     
            string domStrStart = "";
            string domStrEnd = "";
            if (pageIndex<1)
            {
                pageIndex = 1;
            }
            int start = pageIndex - 2;
            if (start <= 2)
            {
                start = 2;
            }
            int end = start + 4;
            if (end > pageCount)
            {
                end = pageCount;
                start = end - 4;
                if (start <= 2)
                {
                    start = 2;
                }
            }
            if (pageCount == 1)
            {
                start = 1;
            }
            // 1 ... 3 4 5 6 7 ... 12
            if (start > 2)
            {
                domStrStart = "<span>...</span>";
            }
            if (pageCount - 1 > end)
            {
                domStrEnd = "<span>...</span>";
            }
            for (int i = start; i <= end; i++)
            {
                if (pageIndex != i)
                {
                    sb.Append("<a href='javascript:void(0)' onclick='pageBarGo(" + (i) + ")'>" + i + "</a>");
                }
                else
                {
                    sb.Append("<span>" + i + "</span>");
                }
            }
 
            StringBuilder sb2 = new StringBuilder();
            if (pageIndex == 1)
            {
                sb2.Append("<div class='pageBarDiv'><span>上一页</span>");
            }
            else
            {
                sb2.Append("<div class='pageBarDiv'><a href='javascript:void(0)' onclick='pageBarGo(" + (pageIndex - 1) + ")'>上一页</a>");
            }
            if (start != 1)
            {
                if (pageIndex != 1)
                {
                    sb2.Append("<a href='javascript:void(0)'  onclick='pageBarGo(1)'>" + 1 + "</a>" + domStrStart);
                }
                else
                {
                    sb2.Append("<span>" + 1 + "</span>" + domStrStart);
                }
            }
            sb2.Append(sb.ToString());
            if (end != pageCount)
            {
                if (pageIndex != pageCount && pageCount!=0)
                {
                    sb2.Append(domStrEnd + "<a href='javascript:void(0)'  onclick='pageBarGo(" + (pageCount) + ")'>" + pageCount + "</a>");
                }
                else
                {
                    sb.Append(domStrEnd + "<span>" + pageCount + "</span>");
                }
            }
            if (pageIndex == pageCount || pageCount == 0)
            {
                sb2.Append("<span>下一页</span>");
            }
            else
            {
                sb2.Append("<a href='javascript:void(0)' onclick='pageBarGo(" + (pageIndex + 1) + ")'>下一页</a>");
            }
 
            sb2.Append("共<span class='redspan'>" + recordCount + "</span>条数据,每页显示<input type='text' value='" + pageSize + "' id='pageBar_pageSize'/>条 转到<input type='text' value='" + pageIndex + "' id='pageBar_skip'/><input type='button' value='确定'  onclick='pageBarSkip()'/></div><style>.pageBarDiv a {color:#915833; margin-right:5px;} .pageBarDiv span{ margin-right:5px;color:#444444;} .pageBarDiv input[type='text']{width:30px;color:#444444;} .pageBarDiv .redspan{margin-right:3px; margin-left:3px;color:red;} .pageBarDiv button{text-align:center;padding-left:3px;padding-right:3px;color:white;border:none;border-radius:2px;}</style>");
            return sb2.ToString();
        }
    <script>
        function pageBarGo(pageIndex) {
            ajaxGetData(pageIndex);
        }
        function pageBarSkip() {
            ajaxGetData();
        }
        function ajaxGetData(pageIndex) {
            var pageSize = $("#pageBar_pageSize").val();
            var pageSkip = $("#pageBar_skip").val();
            if (pageIndex==null) {
                pageIndex = pageSkip;
            }
            if (checkPageBarData(pageSize, pageSkip))
            {
                var data = $("#f1").serialize() + "action=ajaxGetData&pageIndex=" + pageIndex + "&pageSize=" + pageSize;
                alert(data);
                $.ajax({
                    url: "/system/DictAjax",
                    type: "post",
                    data:  data ,
                    success: function (response) {
         
                        if (response.indexOf("~fuck~")>=0) {
                            var da = response.split("~fuck~");
                            if (da[1]=="ok") {
                                $(".layui-table").find("tr:gt(0)").remove();
                                $(".layui-table").append(da[2]);
 
                            }
                            else {
                                layer.msg(da[1]);
 
                            }
                        }
                        else {
                            window.top.location.href = "/login/manage";
                        }
                    }
                });
            }
 
        }
        function checkPageBarData(pageSize, pageSkip) {
 
            if (isNaN(pageSize) ) {
                layer.msg("每页显示数量需是0-50的整数。");
                return false;
            }
            if (isNaN(pageSkip)) {
                layer.msg("跳到的页数需是正整数。");
                return false;
            }
            var ps = parseInt(pageSize);
            if ( ps<= 0  ||  ps>50) {
                layer.msg("每页显示数量需是0-50的整数。");
                return false;
            }
            var pk = parseInt(pageSkip);
            if (pk<=0) {
                layer.msg("跳到的页数需是正整数。");
                return false;
            }
            return true;
        }
 
 
 
 
 
 
 
 
 
    </script>

pagebar的更多相关文章

  1. 【第四篇】ASP.NET MVC快速入门之完整示例(MVC5+EF6)

    目录 [第一篇]ASP.NET MVC快速入门之数据库操作(MVC5+EF6) [第二篇]ASP.NET MVC快速入门之数据注解(MVC5+EF6) [第三篇]ASP.NET MVC快速入门之安全策 ...

  2. Bootstrap Metronic 学习记录(二)菜单栏

    1.简介 1)  .环境配置 2)  .提取页面 2).动态生成菜单(无限级别树) 2.系统环境配置 项目需要程序数据支撑,这里选择MVC5.0+EF6.0[SQLSERVER](不对MVC架构和SQ ...

  3. 自定义分页控件PageList

    using System; using System.Collections; using System.Collections.Generic; using System.Linq; using S ...

  4. jqGrid配置属性说明

    Property Type Description Default1) ajaxGridOptions object This option allows to set global ajax set ...

  5. extjs后自己写了一些见不得人的脚本

    <html> <head> <title> 配置管理器 </title> <style type="text/css"> ...

  6. 数据绑定控件之Repeater

    引言 前几篇的文章在说AJAX的内容,利用AJAX技术能够开发出高效运行的网站应用程序,不过在进行B/S项目开发时只拥有AJAX技术是远远不够的,踏入到B/S要学的东西会更多,但相较C/S的复杂逻辑结 ...

  7. C#编码规范 转 http://www.cnblogs.com/wulinfeng/archive/2012/08/31/2664720.html

    C#编码规范   1  规范目的 ……………………………………………………… 3 2  适用范围 ……………………………………………………… 3 3  代码注释 ………………………………………………… ...

  8. 【PHP】分页条函数封装

    这两天在学习PHP 想做一个前端后台都包含的网站 看了一些视频发现大牛们都是将封装起来实现代码的重用性 本人技拙也写了个分页条函数的封装 分页条在用PHP网站开发中十分常用 通过封装代码来提高网站开发 ...

  9. jqGrid属性中文详细说明 (转)

    jqGrid的属性很多,其实很大部分的属性,使用其默认值就可以了.但是详细了解一下属性的含义以及作用,对我们定制自己的grid是有帮助的. 以下内容描述格式是:属性名称 参数值类型    描述内容(可 ...

随机推荐

  1. Groovy轻松入门——通过与Java的比较,迅速掌握Groovy (更新于2008.10.18)

    摘自: http://www.blogjava.net/BlueSUN/archive/2007/03/10/103014.html Groovy轻松入门--通过与Java的比较,迅速掌握Groovy ...

  2. 自动计算尺寸列表功能案例ios源码

    源码HTKDynamicResizingCell,HTKDynamicResizingCell提供自动计算尺寸的TableViewCell/CollectionViewCel,只要设置了合适AutoL ...

  3. c#中$.ajax的使用

      <script type="text/javascript">  var telphone = { type: "getphone", &quo ...

  4. HTML5学习笔记简明版(1):HTML5介绍与语法

    HTML5介绍 HTML5是继HTML4以后的下一代HTML标准规范,它提供了一些新的元素和属性(例如<nav>网站导航块和<footer>).新型的标签有利于搜索引擎和语义分 ...

  5. SVN 管理

    01. 源代码管理工具概述(PPT) ================================================================================ ...

  6. 在PeopleSoft系统中实现打印页面的功能

    我们知道,在PeopleSoft HCM里,一般上了薪酬模块的话,都会客户化工资单页面,去匹配公司之前的工资单的报表的格式.有的时候,这个工资单页面又需要打印出来,以供员工的使用.PeopleSoft ...

  7. linux分区和文件系统

    linux分区主分区:最多只能有4个扩展分区:最多只能有一个 主分区+扩展分区最多4个 扩展分区不能写入数据,只能包含逻辑分区 见图示:fq.png 主分区:总共最多只能分4个扩展分区:只能有1个,也 ...

  8. spark概论

    一.概述 1.轻:(1)采用语言简洁的scala编写:(2)利用了hadoop和mesos的基础设施   2.快:spark的内存计算.数据本地性和传输优化.调度优化,使其在迭代机器学习,ad-hoc ...

  9. SQL Server 基础:拾遗

    1.一条完整的sql语句: select top | distinct 字段, 表达式, 函数, ... from 表表达式 where 筛选条件 group by 分组条件 having 筛选条件 ...

  10. 网页绘制图表 Google Charts with JavaScript #1....好强、好简单啊!

    此为文章备份,原文出处(我的网站) 网页绘制图表 Google Charts with JavaScript....好强.好简单啊!#1 http://www.dotblogs.com.tw/mis2 ...