几款jquery json 分页实例代码(1/5)

#region getjsondata
    /// <summary>
    /// 得到json数据
    /// </summary>
    /// <param name="ds">dataset</param>
    /// <param name="keyfileds">查找的字段,例: id,name,content</param>
    /// <returns></returns>
    public static string getjsondata(dataset ds,string keyfileds)
    {
        stringbuilder html = new stringbuilder();
        string[] alist;
        alist = keyfileds.split(',');      
        html.append("[");
        for (int i = 0; i < ds.tables[0].rows.count; i++)
        {
            html.append("{");
            int j = 0;
            foreach (string str in alist)
            {
                html.append("_"+ j++ +":"" + ds.tables[0].rows[i][str].tostring() + "",");
            }
            html.remove(html.length - 1, 1);
            html.append("},");
        }
        html.remove(html.length - 1, 1);
        html.append("]");
        return html.tostring();
    }
    #endregion

    #region 分页样式 1 2 3 4 5 6 7 8 ...
    /// <summary>
    /// 分页样式 1 2 3 4 5 6 7 8 ...
    /// </summary>
    /// <param name="count"></param>
    /// <returns></returns>
    public static string getpager(jsonmodel jm)
    {
        stringbuilder html = new stringbuilder();
        html.append("<div class='page_span'>");
        html.append("<a href='网页特效:content(1)'>首页</a>");
        //计算总页数
        if (jm.count % jm.pageindexcount == 0)
            jm.pagecount = jm.count / jm.pageindexcount;
        else
            jm.pagecount = jm.count / jm.pageindexcount + 1;

        //计算开始页-结束页
        if (jm.currentpageindex <= jm.pagecount)
        {
            if (jm.currentpageindex / jm.extpage >= 1 && jm.currentpageindex <= jm.pagecount)
            {
                int extpage = jm.currentpageindex / jm.extpage;
                jm.startpage = extpage * jm.extpage - 1;
                jm.endpage = jm.startpage + jm.extpage+1;
            }
            else
            {
                jm.endpage = jm.startpage + jm.extpage+1;
            }
        }
        if (jm.endpage > jm.pagecount)
            jm.endpage = jm.pagecount;
        if (jm.startpage < 1)
            jm.startpage = 1;
        for (int i = jm.startpage; i <= jm.endpage; i++)
        {
            if (i == jm.currentpageindex)
            {
                html.append("<a href='javascript:content(" + i + ")'>");
                html.append("<font color=red >" + i + "</font>");
                html.append("</a>");
            }
            else
            {

                html.append("<a href='javascript:content(" + i + ")'>");
                html.append(i);
                html.append("</a>");
            }

        }
        html.append("<a href='javascript:content(" + jm.pagecount + ")'>末页</a>");
        html.append("</div>");
        return html.tostring();
    }
    #endregion

    #region 分页样式 上一页 下一页
    /// <summary>
    ///
    /// </summary>
    /// <param name="jm">jm.currentpageindex 当前页,jm.pagecount总页</param>
    /// <returns></returns>
    public static string getsmiplepager(jsonmodel jm)
    {
        stringbuilder html = new stringbuilder();

        //计算总页数
        if (jm.count % jm.pageindexcount == 0)
            jm.pagecount = jm.count / jm.pageindexcount;
        else
            jm.pagecount = jm.count / jm.pageindexcount + 1;

        html.append("<div class='page_span'>");
        html.append("<a href='javascript:content(1)'>首页</a>");
        if (jm.currentpageindex > 1)
        {
            html.append("<a href='javascript:content(" + (jm.currentpageindex - 1) + ")'>上一页</a>");
        }
        if (jm.currentpageindex < jm.pagecount)
        {
            html.append("<a href='javascript:content(" + (jm.currentpageindex + 1) + ")'>下一页</a>");
        }
        html.append("<a href='javascript:content(" + jm.pagecount + ")'>末页</a>");

        //搜索框
        html.append(" <input id='t_page' style='width:30px;border:1px solid #acacac' class='btn' /> <input type='button' value='go' onclick='if($("#t_page").val()=="")alert("请输入页码"); else if($("#t_page").val()>" + jm.pagecount + "||$("#t_page").val()==0){alert("请输入正确的页码!")}else{content($("#t_page").val())}'>");
        html.append("</div>");
        return html.tostring();
    }
    #endregion

 

首页 1 2 3 4 5 末页

时间: 2024-08-06 19:38:10

几款jquery json 分页实例代码(1/5)的相关文章

jQuery客户端分页实例代码_jquery

复制代码 代码如下: <script src="/js/jquery-1.4.1.js" type="text/javascript"></script>    <script type="text/javascript">        var pageindex = 1;        var pagesize = 2;        $(function () {            previous(

二款php分页实例代码

<style type="text/css教程"> 二款php教程分页实例代码 a.pagecool,.pagecoolselect,.pagecoolpre,.pagecoolnext,.pageinfo,.curtotalx,.pagecoolprex,.pagecoolnextx{float:left;height:20px;font-family:arial,宋体;color:#444;font-weight:bold} a.pagecool,.pagecoolse

javascript实现json页面分页实例代码

 这篇文章主要介绍了javascript实现json页面分页实例代码,需要的朋友可以参考下 下午有个朋友问json 数据怎么分页 就捣鼓了一个东东出来    下面直接代码: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns

一款asp.net GridView 分页实例代码

一款asp教程.net gridview 分页实例代码 本款gridview 分页实例,他从数据库教程到分页sql全部有,只要你按照本实例来做,完全可以实例asp.net教程 gridview 分页功能.*/ create procedure [dbo].[sp_systemquotationrevisionpaging] ( @clientid nvarchar(255), @clientmodel nvarchar(255),  @collection nvarchar(255), @sta

jquery ajax 应用实例代码

jquery ajax 应用实例代码 /*  ajax 向页面发送数据                 $.post('save.cgi', {     text: 'my string',     number: 23 }, function() {     alert('your data has been saved.'); });   如果您确实需要编写一些复杂的 ajax 脚本,那么需要用到 $.ajax() 函数.您可以指定 xml.script.html 或者 json,jquer

三款Jquery图片放大镜效果代码

本文章是利用了jquery图片放大镜效果插件来实例图片放大,下面我们收藏了三款效果的实例,看看那款适合你哦. <!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&qu

Ajax实现无刷新分页实例代码

今天我们要用ajax做一个分页: 实现Ajax分页: 如果可以的话加上查询条件 找一张表做分页 分页不使用page类 页面不用刷新 Ajax加载数据 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script src="jquery-1.11.2.

Jquery焦点图实例代码_jquery

本文实例讲述了Jquery焦点图实例代码.分享给大家供大家参考.具体如下: 对于很多建站的朋友来讲,焦点图并不陌生,一般的企业站,门户站都会用到焦点图.我们平时在写html代码的时候,很多人为了省时省力,对于焦点图都是在网上下载一些人家写好的代码,直接套上去即可,很多时候我自己也是这样来的.因为一个焦点图有html布局,css样式调试和最关键的 javascript语句的编写.这些都是一个很麻烦的过程. 今天我就以实例讲解,手把手教你如何写Jquery焦点图.Jquery是js封装的框架,让js

jquery 显示隐藏实例代码

<!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> <meta http-equiv="content-