• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    jquery.pagination +JSON 动态无刷新分页实现代码
    aspx 页面:
    复制代码 代码如下:

    %@ 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代码:
    复制代码 代码如下:

    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");
    }
    }

    您可能感兴趣的文章:
    • jQuery EasyUI API 中文文档 - Pagination分页
    • jQuery Pagination Ajax分页插件(分页切换时无刷新与延迟)中文翻译版
    • jquery pagination插件实现无刷新分页代码
    • jquery.pagination.js 无刷新分页实现步骤分享
    • jquery分页插件jquery.pagination.js使用方法解析
    • Jquery 分页插件之Jquery Pagination
    • PHP框架Laravel插件Pagination实现自定义分页
    • jquery插件pagination实现无刷新ajax分页
    • asp.net jquery无刷新分页插件(jquery.pagination.js)
    • 从零开始做一个pagination分页组件
    上一篇:巧妙使用JQuery Clone 添加多行数据,并更新到数据库的实现代码
    下一篇:使用HtmlAgilityPack XPath 表达式抓取博客园数据的实现代码
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    jquery.pagination +JSON 动态无刷新分页实现代码 jquery.pagination,+JSON,动态,