jquerypage插件

使用 JqueryPage插件时

1:在项目中添加插件的JS文件

2:在需要显示的页面添加JS文件的引用<script src="···/jquerypage.js"  type="text/javascript"></script>

  jquery    : <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

3: 在显示页面的区域添加HTML标签:  <div id="pagelist"  class="pagination"></div>

4:

<script type="text/javascript">

$.ajax({

     var TpageSize = 12;

  ///用JSON传送的值
        url: "JsonDemo.ashx", ///发送到处理界面
        data: { "act": "getCount" },
        dataType: "json",
        success: function (json) {
            for (var i in json) {
                for (var j in json[i]) {
                    Tnum = json[i][j].getCount;
                }
            }
            $("#pagelist").pagination(Tnum, {
                prev_text: "上一页",
                next_text: "下一页",
                items_per_page: 12, //每页显示的条数
                num_display_entries: 6, //连续分页主体部分显示的条数
                current_page: 0, //当前选中的页面
                num_edge_entries: 2, //两侧显示首尾分页的条目数
                callback: pageselectfn
            });
        }
    });

function pageselectfn(page) {
    InitData(page);
}

function InitData(page) {
    page = page + 1;
    var getlist = { "act": "page", "pageIndex": page, "pageSize": TpageSize };
    $.ajax({
        url: "NewJsonDemo.ashx",
        type: "POST",
        datatype: "json",
        data: getlist,
        success: GetList
    });
}

</script>

5:JsonDemo.ashx代码:

         else if (context.Request["act"] == "page")
            {
                int pageIndex = int.Parse(context.Request["pageIndex"]);
                int pageSize = int.Parse(context.Request["pageSize"]);
                ds = new XQsys.BLL.News().SelectNews(pageIndex, pageSize, out num, "@count");//pageIndex:定位页,pageSize:每页大小,num:
                if (ds != null)
                {
                    DataTable dt = ds.Tables[0];
                    context.Response.ContentType = "json/application";
                    context.Response.Write(JsonHelp.DataTableToJSON(dt, num.ToString()));
                }
            }

6:DAL层

        public DataSet SelectNews(int pageIndex, int pageSize, out int num, string returnstring)
        {
            SqlParameter[] parms = new SqlParameter[]
            {
                new SqlParameter("@count",SqlDbType.Int)
            };
            parms[0].Direction = ParameterDirection.Output;
            return COM.SqlHelper.ExecuteQuery("sp_SelectNews", parms, pageIndex, pageSize, out num, returnstring);
        }

7:sp_SelectNews存储过程代码:

create proc [dbo].[sp_SelectNews]
@count int output
as
begin
set @count=(select COUNT(*)from News)
select title,newsid,intime from News order by newsid desc
end

posted on 2012-03-24 23:29  譕?  阅读(167)  评论(0编辑  收藏  举报

导航