打造最便捷的異步分頁技術(提供下載)

時間 2019-11-22

標籤打造便捷異步分頁技術提供下載简体版

原文原文鏈接

1、建一個項目(以WebForm爲例)

配置文件配置(注意您本身的路徑)javascript

2、在頁面上生成分頁佈局代碼

1)後端代碼css

        public string Pager{
            get;
            set;
        }
        private void Page_Load(object sender, EventArgs e)
        {
            
            using (var db=Db.CreateDefaultDb()) {
                var mqlJoin=ScoreSet.SelectAll()
                    .InnerJoin(StudentSet.Select(StudentSet.Name))
                    .InnerJoin(ClassSet.Select(ClassSet.ID.AS("ClassID"),ClassSet.ClassName))
                    .ON(ScoreSet.StudentID.Equal(StudentSet.ID)
                        .And(StudentSet.ClassID.Equal(ClassSet.ID) )
                       );
                this.Pager=Moon.Orm.Util.Pager.GetWebPager(db,"SmallPage.aspx","content",mqlJoin,3,null);
            }
        }

2)前端代碼html

<%@ Page
    Language           = "C#"
    AutoEventWireup    = "false"
    Inherits           = "Moon.Pager.Default"
    ValidateRequest    = "false"
    EnableSessionState = "false"
%>


<!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>
        <title>Moon.Pager</title>

         <script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script>

    </head>
    <body>
        <div id="content"></div>
        <%=this.Pager%>
    </body>
</html>

3、加一個異步請求數據的小頁面

1)後端代碼前端

public  DictionaryList List;
        private void Page_Load(object sender, System.EventArgs e)
        {
            using (var db=Db.CreateDefaultDb()) {
                var mqlJoin=ScoreSet.SelectAll()
                    .InnerJoin(StudentSet.Select(StudentSet.Name))
                    .InnerJoin(ClassSet.Select(ClassSet.ID.AS("ClassID"),ClassSet.ClassName))
                    .ON(ScoreSet.StudentID.Equal(StudentSet.ID)
                        .And(StudentSet.ClassID.Equal(ClassSet.ID) )
                       );
                this.List=Moon.Orm.Util.Pager.GetOneWebPagesData(db,mqlJoin,null);
            }
        }

2)前端代碼(SmallPage.aspx:對應前面的代碼)java

<%@ Page
    Language           = "C#"
    AutoEventWireup    = "false"
    Inherits           = "Moon.Pager.SmallPage"
    ValidateRequest    = "false"
    EnableSessionState = "false" -----------下載文件中沒有,請你本身加上
%>
<%
foreach(var a in this.List){%>
<p><%=a["ID"]%>&nbsp;<%=a["Name"]%></p>
<%}%>

4、效果圖

5、下載地址

http://pan.baidu.com/share/link?shareid=915781506&uk=353229276jquery

6、在線體驗(其實大家來在線體驗頁面,我是知道的,來了就留個言吧)

http://172321.dowei8.comajax

7、內核代碼

        /// <summary>
        /// 獲取一個網頁形式的分頁佈局
        /// </summary>
        /// <param name="db">db引擎</param>
        /// <param name="smallPageURL">去這個頁面地址取數據</param>
        /// <param name="contentDomID">用於存放數據的domID</param>
        /// <param name="mql">mql語句</param>
        /// <param name="onePageDataCount">每頁的數據條數</param>
        /// <param name="oneOrderbyFieldName">若是沒有則填寫null(提示:彷佛只有sqlserver中可能會用上)</param>
        /// <returns>分頁佈局</returns>
        public static string GetWebPager(Db db,string smallPageURL,string contentDomID,MQLBase mql,int onePageDataCount,string oneOrderbyFieldName){
            string scriptsLink="<div id='pageNav'></div><script src='http://page-nav-js-jquery.googlecode.com/files/pagenav.min.js'></script>";
            string css="<style type='text/css' media='screen'>a { color:#2B4A78; text-decoration:none; }a:hover { color:#2B4A78;text-decoration:underline; }a:focus, input:focus {outline-style:none; outline-width:medium; }.pageNum{border: 1px solid #999;padding:2px 8px;display: inline-block;}.cPageNum{font-weight: bold;padding:2px 5px;}#pageNav a:hover{text-decoration:none;background: #fff4d8; }</style>";
            long sumPageCount;
            string sql=mql.ToParametersSQL();
            string countSql="SELECT COUNT(0) FROM ("+sql+")  T_MOON_Search0";
            var parameters=mql.Parameters.ToArray();
            var countData=db.ExecuteSqlToScalar(countSql,parameters);
            var sumDataCount=Convert.ToInt32(countData);
            sumPageCount=sumDataCount/onePageDataCount;
            string script="<script>var _perCount="+onePageDataCount+";var _pageSum="+sumPageCount+";var _listDivID='"+contentDomID+"';var _listActionPlace='"+smallPageURL+"';function GetPage(currentPageIndex,pageSum){$.ajax({url:_listActionPlace,async:true,cache:false,data:{PageIndex:currentPageIndex,onePageDataCount:"+onePageDataCount+"},success:function(html){$('#'+_listDivID).html('');$('#'+_listDivID).html(html);}});}$(function(){pageNav.pre='前一頁';pageNav.next='下一頁';pageNav.fn=function(currentPageIndex,pageSum){GetPage(currentPageIndex,pageSum);};pageNav.go(1,_pageSum);});</script>";
            return scriptsLink+css+script;
        }
        /// <summary>
        /// smallPageURL中的數據
        /// </summary>
        /// <param name="db">db引擎</param>
        /// <param name="mql">mql</param>
        /// <param name="oneOrderbyFieldName">若是沒有則填寫null(提示:彷佛只有sqlserver中可能會用上)</param>
        /// <returns></returns>
        public static DictionaryList GetOneWebPagesData(Db db,MQLBase mql,string oneOrderbyFieldName){
            long sumPageCount;
            HttpRequest Request=System.Web.HttpContext.Current.Request;
            long pageIndex=Convert.ToInt64(Request["PageIndex"]);
            int onePageDataCount=Convert.ToInt32(Request["onePageDataCount"]);
            return db.GetPagerToDictionList(mql,out sumPageCount,pageIndex,onePageDataCount,oneOrderbyFieldName);
        }

View Code

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。