分页控件layui的使用

2018-06-18 01:50:46来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

$.getJSON( )的使用方法简介

$.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )

url是必选参数,表示json数据的地址;
data是可选参数,用于请求数据时发送数据参数;
success是可参数,这是一个回调函数,用于处理请求到的数据。

   //内容页面    
   <div id="notice_div"></div>
   //分页控件 <div id="notice_pages"></div> <script> var roolurl = "http://" + window.location.host; var urlAshx = roolurl + "/aa/Ashx/NoticeInfo.ashx"; //var pages = 0; //获取分页好的公告内容 function GetNoticeList(curr, cid) { $.getJSON(urlAshx, {//参数 action: "notice_action", courseid: cid, page: curr || 1,//向服务端传的参数,此处只是演示 nums: 3//每页显示的条数 }, function (datajson) {//成功执行的方法
            if (datajson != null && typeof (datajson) == "string" && datajson.length > 0) {
              try { datajson = JSON.parse(datajson); } catch (e) { datajson = eval("(" + datajson + ")"); } } var norice_content = ""; //alert(datajson.pages); $(datajson.rows).each(function (n, Row) { norice_content += " <div class='panel panel-default'>"; norice_content += " <div class='panel-heading'>"; norice_content += " <h3 class='panel-title'>"; norice_content += Row.CreateDate; norice_content += "           "; norice_content += Row.Creater; norice_content += " </h3>"; norice_content += " </div>"; norice_content += " <div class='panel-body'>"; norice_content += Row.NoticeContent; norice_content += " </div>"; norice_content += " </div>"; }); $('#notice_div').html(norice_content); //alert(11); //调用分页 laypage({ cont: 'notice_pages',//容器。值支持id名、原生dom对象,jquery对象。【如该容器为】:<div id="page1"></div> pages: datajson.pages,//总页数 groups: 5, //连续显示分页数 skip: false, //是否开启跳页 skin: '#AF0000', curr: curr || 1, //当前页, jump: function (obj, first) {//触发分页后的回调 if (!first) {//点击跳页触发函数自身,并传递当前页:obj.curr GetNoticeList(obj.curr, cid); } } }); }); } $(document).ready(function () { GetNoticeList(0, '<%=_courseid%>') }); </script>

后台数据反馈

private string GetNewsByPage(HttpContext context)
{
    #region //分页 算法
    int page = 0;
    int.TryParse(context.Request.Params["page"], out page);//当前第几页
    int nums = 0;
    int.TryParse(context.Request.Params["nums"], out nums);//每页显示几条数据
    int StartIndex = (page - 1) * nums + 1;
    int EndIndex = page * nums;
    #endregion
    
    //StringBuilder strWhere = new StringBuilder();
    #region // 拼Sql Where 条件
    
    #endregion


    int total = 0;
    DataTable dt = bll_News.GetListByPage("", "postdate", StartIndex, EndIndex);
    total = bll_News.GetRecordCount("");
    string strjosn = AppCode.DataTableConvertJson.DataTableToJson(dt);
    int pages = Convert.ToInt32(Math.Ceiling((double)total / (double)nums)); // 页数
    return "{\"total\":" + total + ",\"pages\":" + pages + ",\"rows\":" + strjosn + "}";
}

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:IIS 使用 HTTP/2

下一篇:利用JsonConvert.SerializeObject()实现类对象的json化