建站学 - 轻松建站从此开始！
高级搜索|网站地图|TAG标签RSS订阅[设为首页] [加入收藏]

建站学-个人建站指南,网页制作,网站设计,网站制作教程

搜索

热门标签:

当前位置: 建站学 > 网站开发 > asp.net教程 >

jquery.pagination +JSON 动态无刷新分页

时间:2011-12-17 19:08来源: 作者: 点击: 次
jquery.pagination +JSON 动态无刷新分页 aspx 页面: 双击代码全选 1 2 3 4 5 6 7 8 9 10

jquery.pagination +JSON 动态无刷新分页

aspx 页面:

双击代码全选
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SqlPage.aspx.cs" Inherits="SqlPage" %>
  
<!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 runat="server">
    <title></title>
    <link href="css/pagination.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server" >
    <div>
        <table id="tblData" width="80%" cellpadding="1" cellspacing="1" bgcolor="gray" style="text-align:center">
            <tr>
                <td>
                    NewsID
                </td>
                <td>
                    Title
                </td>
                <td>
                    SmallClassName
                </td>
                <td>
                    Author
                </td>
                <td>
                    UpdateTime
                </td>
            </tr>
        </table>
        <div id="Pagination">
        </div>
    </div>
  
    </form>
</body>
</html>
  
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
  
<script src="js/jquery.pagination.js" type="text/javascript"></script>
  
<script language="javascript" type="text/javascript">
 var pageIndex =0;     //页索引
 var pageSize =20;    //每页显示的条数
    $(function() {
    Init(0);          
        $("#Pagination").pagination(<%=pageCount %>, {            
             callback: PageCallback,            
             prev_text: '上一页',             
             next_text: '下一页',              
             items_per_page: pageSize,              
             num_display_entries: 5,        
             current_page: pageIndex,           
             num_edge_entries: 1         
         });                   
         function PageCallback(index, jq) {        
              Init(index);        
         }
    });
  
    function Init(pageIndex) {
        $.ajax({
            type: "POST",
            dataType: "text",
            url: 'SqlPage.aspx',              
            data: "pageIndex=" + (pageIndex + 1) + "&pageSize=" + pageSize,                                 
            success: function(data) {
                if(data!=""){
                 $("#tblData tr:gt(0)").remove();//移除所有的数据行
                 data=$.parseJSON(data);                        
                        $.each(data.News,function(index,news){
                       $("#tblData").append("<tr bgcolor='white'><td>"+news.NewsID+"</td><td algin='left'>"+news.Title+"</td><td>"+news.SmallClassName+"</td><td>"+news.Author+"</td><td>"+news.Updatetime+"</td></tr>");  //将返回的数据追加到表格
                    });                   
                }
            }
        });
  
    }
</script>

cs代码：

双击代码全选
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
  
public partial class SqlPage : System.Web.UI.Page
{   
    public int pageCount = 0;
    public static string connString = "server=192.168.1.91;database=ReportDB;uid=sa;pwd=123456";
  
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            pageCount = GetTotalPage();
            if (Request["pageIndex"] != null && Request["pageSize"] != null)
            {
                int pageSize = Convert.ToInt32(Request["pageSize"]) == 0 ? 1 : Convert.ToInt32(Request["pageSize"]);
                int pageIndex = Convert.ToInt32(Request["pageIndex"]) == 0 ? 1 : Convert.ToInt32(Request["pageIndex"]);
                Response.Write(GetOnePage(pageSize, pageIndex));
                Response.End();
            }
        }
    }
  
    public int GetTotalPage()
    {
        DBHelper.connString = connString;
        string sql = "select count(*) from News";
        int rs = Convert.ToInt32(DBHelper.ExecuteScalar(sql));        
        return rs;
    }
  
    public string GetOnePage(int pageSize, int pageIndex)
    {
        DBHelper.connString = connString;
        string sql = string.Empty;
        sql = "SELECT TOP " + pageSize + " NewsID,Title,SmallClassName,Author,Updatetime FROM News WHERE NewsID NOT IN (SELECT TOP " + pageSize * (pageIndex - 1) + " NewsID FROM News ORDER BY NewsID DESC) ORDER BY NewsID DESC";
    
        DataTable dt = DBHelper.QueryBySql(sql);      
        return ConvertJson.ToJson(dt, "News");
    }
     
}
(责任编辑：admin)
织梦二维码生成器
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
最新评论 进入详细评论页>>
栏目列表
推荐内容
热点内容

Powered by DedeCMS_V57_GBK_SP2 © 2004-2017 DesDev Inc.

Copyright © 2002-2017 建站学. 晨展科技 版权所有 Power by DedeCms  豫ICP备18028807号-1