ページング

45891 ワード

リストを表示する際には、ajaxのパッケージを参照してページング表示したり、自分でページングしたりするためにページングページングページングが一般的に使用されます.
以下は自分で作成したページです.
表示するフレームワークにIDを設定し、フォーマットを追加し、ページングコントロールを追加する必要があります.

 class="row" id="imglist">
                
                
                class="row">
                    class="col-md-12 text-right">
                        "Page navigation">
                            class="pagination  pagination-lg" id="fenye">

正規検索を参照するには値を取得する必要があります

//  Url  
function getUrlParam(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null)
        return unescape(r[2]);
    return null;
}

そしてjsを書き始めます

"</span><span style="color: #800000;">text/javascript</span><span style="color: #800000;">"</span>>
    <span style="color: #008000;">//</span><span style="color: #008000;">         </span>
    <span style="color: #0000ff;">var</span> count = <span style="color: #800080;">9</span><span style="color: #000000;">;
    </span><span style="color: #008000;">//</span><span style="color: #008000;">      </span>
    <span style="color: #0000ff;">var</span> type = <span style="color: #800000;">""</span><span style="color: #000000;">;
    </span><span style="color: #008000;">//</span><span style="color: #008000;">       </span>
<span style="color: #000000;">    $(function () {
        </span><span style="color: #008000;">//</span><span style="color: #008000;">     </span>
        <span style="color: #0000ff;">var</span> page = <span style="color: #800080;">1</span><span style="color: #000000;">;
        </span><span style="color: #008000;">//</span><span style="color: #008000;">      Type      Type       Type</span>
        <span style="color: #0000ff;">if</span> (getUrlParam(<span style="color: #800000;">"</span><span style="color: #800000;">Type</span><span style="color: #800000;">"</span>) != <span style="color: #0000ff;">null</span><span style="color: #000000;">) {
            type </span>= getUrlParam(<span style="color: #800000;">"</span><span style="color: #800000;">Type</span><span style="color: #800000;">"</span><span style="color: #000000;">);
        }

        GetImgList(page)
        </span><span style="color: #008000;">//</span><span style="color: #008000;">      </span>
<span style="color: #000000;">

    });
    function GebgGai(LeiXing) {
        Type </span>=<span style="color: #000000;"> LeiXing;
        </span><span style="color: #0000ff;">var</span> page = <span style="color: #800080;">1</span><span style="color: #000000;">;
        GetImgList(page)
    }
    </span><span style="color: #008000;">//</span><span style="color: #008000;">                           </span>
<span style="color: #000000;">    function GetImgList(page) {
        $.ajax(
            {
                type: </span><span style="color: #800000;">"</span><span style="color: #800000;">POST</span><span style="color: #800000;">"</span><span style="color: #000000;">,
                url: </span><span style="color: #800000;">"</span><span style="color: #800000;">../Etp/EtpList.ashx?action=GetQueryList</span><span style="color: #800000;">"</span><span style="color: #000000;">,
                data: { page: page, count: count, type: type },
                contentType: </span><span style="color: #800000;">"</span><span style="color: #800000;">application/x-www-form-urlencoded</span><span style="color: #800000;">"</span><span style="color: #000000;">,
                dataType: </span><span style="color: #800000;">"</span><span style="color: #800000;">json</span><span style="color: #800000;">"</span><span style="color: #000000;">,
                </span><span style="color: #0000ff;">async</span>: <span style="color: #0000ff;">false</span><span style="color: #000000;">,
                cache: </span><span style="color: #0000ff;">false</span><span style="color: #000000;">,
                success: function (data) {
                    debugger;
                    </span><span style="color: #008000;">//</span><span style="color: #008000;">   </span>
                    <span style="color: #0000ff;">var</span> total =<span style="color: #000000;"> data.total;
                    </span><span style="color: #008000;">//</span><span style="color: #008000;">             imgList</span>
                    <span style="color: #0000ff;">var</span> imgList =<span style="color: #000000;"> data.rows;
                    </span><span style="color: #0000ff;">var</span> imgHtml = <span style="color: #800000;">""</span><span style="color: #000000;">;
                    </span><span style="color: #008000;">//</span><span style="color: #008000;">                      HTML</span>
                    <span style="color: #0000ff;">for</span> (<span style="color: #0000ff;">var</span> i = <span style="color: #800080;">0</span>; i < imgList.length; i++<span style="color: #000000;">) {
                        </span><span style="color: #008000;">//</span><span style="color: #008000;">imgList  imgList+div   Class            ''            </span>
                        imgHtml = imgHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><div class=" col-md-4"  style="height: 274px;"><div style = "width: 314.83px; height: 214px;" class="cptu" ><a href="ProductDetails.aspx?FId=</span><span style="color: #800000;">'</span> + imgList[i].FId + <span style="color: #800000;">'</span><span style="color: #800000;">"><img style="width: 314.83px; height: 214px;" src="</span><span style="color: #800000;">'</span> + imgList[i].FImg + <span style="color: #800000;">'</span><span style="color: #800000;">" /></a></div ><div class="col-md-3" style="height: 40px; text-align: center; width: 341.83px; margin-left: -15px;"><a href="ProductDetails.aspx?FId=</span><span style="color: #800000;">'</span> + imgList[i].FId + <span style="color: #800000;">'</span><span style="color: #800000;">" style="text-decoration: none; line-height: 40px; font-size: 20px;"></span><span style="color: #800000;">'</span> + imgList[i].FName + <span style="color: #800000;">'</span><span style="color: #800000;"></a></div></div></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                    }</span><span style="color: #008000;">//</span><span style="color: #008000;">      </span>
                    $(<span style="color: #800000;">"</span><span style="color: #800000;">#imglist</span><span style="color: #800000;">"</span>).html(<span style="color: #800000;">""</span><span style="color: #000000;">);
                    </span><span style="color: #008000;">//</span><span style="color: #008000;">          </span>
                    $(<span style="color: #800000;">"</span><span style="color: #800000;">#imglist</span><span style="color: #800000;">"</span><span style="color: #000000;">).html(imgHtml);
                    </span><span style="color: #008000;">//</span><span style="color: #008000;">                 </span>
                    <span style="color: #0000ff;">var</span> fenye = Math.ceil(total /<span style="color: #000000;"> count);
                    </span><span style="color: #008000;">//</span><span style="color: #008000;">  html</span>
                    <span style="color: #0000ff;">var</span> fenyeHtml = <span style="color: #800000;">""</span><span style="color: #000000;">;
                    </span><span style="color: #008000;">//</span><span style="color: #008000;">      </span>
                    <span style="color: #0000ff;">if</span> (page - <span style="color: #800080;">2</span> > <span style="color: #800080;">1</span><span style="color: #000000;">) {
                        </span><span style="color: #0000ff;">if</span> (fenye > <span style="color: #800080;">5</span><span style="color: #000000;">) {
                            </span><span style="color: #008000;">//</span><span style="color: #008000;">  </span>
                            fenyeHtml = <span style="color: #800000;">'</span><span style="color: #800000;"><li><a href ="javascript:void(0);" onclick="GetImgList(1)" aria - label="Previous" ><span aria-hidden="true">&laquo;</span></a ></li ></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                        }
                        </span><span style="color: #808080;">///</span><span style="color: #008000;">    678</span>
                        <span style="color: #0000ff;">if</span> (fenye - page <= <span style="color: #800080;">2</span><span style="color: #000000;">) {
                            </span><span style="color: #008000;">//</span><span style="color: #008000;">   
                            </span><span style="color: #008000;">//</span><span style="color: #008000;">page=4 fenye=5
                            </span><span style="color: #008000;">//</span><span style="color: #008000;">   4-(fenye-page)</span>
                            <span style="color: #0000ff;">for</span> (<span style="color: #0000ff;">var</span> i = <span style="color: #800080;">4</span> - (fenye - page); i > <span style="color: #800080;">0</span>; i--<span style="color: #000000;">) {
                                fenyeHtml </span>= fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li><a href="javascript:void(0);" onclick="GetImgList(</span><span style="color: #800000;">'</span> + (page - i) + <span style="color: #800000;">'</span><span style="color: #800000;">)"></span><span style="color: #800000;">'</span> + (page - i) + <span style="color: #800000;">'</span><span style="color: #800000;"></a></li></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                            }
                            fenyeHtml </span>= fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li><a href="javascript:void(0);"  style="background-color:red" onclick="GetImgList(</span><span style="color: #800000;">'</span> + page + <span style="color: #800000;">'</span><span style="color: #800000;">)"></span><span style="color: #800000;">'</span> + page + <span style="color: #800000;">'</span><span style="color: #800000;"></a></li></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                            </span><span style="color: #008000;">//</span><span style="color: #008000;">  =fenye-page</span>
                            <span style="color: #0000ff;">for</span> (<span style="color: #0000ff;">var</span> i = <span style="color: #800080;">1</span>; i <= fenye - page; i++<span style="color: #000000;">) {
                                fenyeHtml </span>= fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li><a href="javascript:void(0);" onclick="GetImgList(</span><span style="color: #800000;">'</span> + (page + i) + <span style="color: #800000;">'</span><span style="color: #800000;">)"></span><span style="color: #800000;">'</span> + (page + i) + <span style="color: #800000;">'</span><span style="color: #800000;"></a></li></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                            }
                        }
                        </span><span style="color: #0000ff;">else</span><span style="color: #000000;"> {
                            debugger;
                            </span><span style="color: #008000;">//</span><span style="color: #008000;">  +2</span>
                            fenyeHtml = fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li><a href="javascript:void(0);"  style="background-color:red"  onclick="GetImgList(</span><span style="color: #800000;">'</span> + page + <span style="color: #800000;">'</span><span style="color: #800000;">)"></span><span style="color: #800000;">'</span> + page + <span style="color: #800000;">'</span><span style="color: #800000;"></a></li></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                            fenyeHtml </span>= fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li><a href="javascript:void(0);"  onclick="GetImgList(</span><span style="color: #800000;">'</span> + (page + <span style="color: #800080;">1</span>) + <span style="color: #800000;">'</span><span style="color: #800000;">)"></span><span style="color: #800000;">'</span> + (page + <span style="color: #800080;">1</span>) + <span style="color: #800000;">'</span><span style="color: #800000;"></a></li></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                            fenyeHtml </span>= fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li><a href="javascript:void(0);" onclick="GetImgList(</span><span style="color: #800000;">'</span> + (page + <span style="color: #800080;">2</span>) + <span style="color: #800000;">'</span><span style="color: #800000;">)"></span><span style="color: #800000;">'</span> + (page + <span style="color: #800080;">2</span>) + <span style="color: #800000;">'</span><span style="color: #800000;"></a></li></span><span style="color: #800000;">'</span><span style="color: #000000;">;

                            </span><span style="color: #008000;">//</span><span style="color: #008000;">  </span>
                            fenyeHtml = fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li>< a href = "javascript:void(0);" onclick="GetImgList(</span><span style="color: #800000;">'</span> + fenye + <span style="color: #800000;">'</span><span style="color: #800000;">)" aria - label="Next" ><span aria-hidden="true">&raquo;</span></a ></li ></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                        }
                    }
                    </span><span style="color: #0000ff;">else</span><span style="color: #000000;"> {
                        </span><span style="color: #008000;">//</span><span style="color: #008000;">1 2 3
                        </span><span style="color: #008000;">//</span><span style="color: #008000;">   
                        </span><span style="color: #008000;">//</span><span style="color: #008000;">    3</span>
                        <span style="color: #0000ff;">if</span> (page < <span style="color: #800080;">3</span><span style="color: #000000;">) {
                            </span><span style="color: #008000;">//</span><span style="color: #008000;">12
                            </span><span style="color: #008000;">//</span><span style="color: #008000;">  =page-1</span>
                            <span style="color: #0000ff;">if</span> (page == <span style="color: #800080;">2</span><span style="color: #000000;">) {
                                fenyeHtml </span>= fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li><a href="javascript:void(0);"  onclick="GetImgList(1)">1</a></li></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                            }
                            </span><span style="color: #008000;">//</span><span style="color: #008000;">   </span>
                            fenyeHtml = fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li><a href="javascript:void(0);"  style="background-color:red"  onclick="GetImgList(</span><span style="color: #800000;">'</span> + page + <span style="color: #800000;">'</span><span style="color: #800000;">)"></span><span style="color: #800000;">'</span> + page + <span style="color: #800000;">'</span><span style="color: #800000;"></a></li></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                        }
                        </span><span style="color: #0000ff;">else</span><span style="color: #000000;"> {
                            </span><span style="color: #008000;">//</span><span style="color: #008000;">3</span>
                            fenyeHtml = fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li><a href="javascript:void(0);"  onclick="GetImgList(1)">1</a></li></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                            fenyeHtml </span>= fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li><a href="javascript:void(0);"  onclick="GetImgList(2)">2</a></li></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                            fenyeHtml </span>= fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li><a href="javascript:void(0);"  style="background-color:red" onclick="GetImgList(3)">3</a></li></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                        }


                        </span><span style="color: #008000;">//</span><span style="color: #008000;">page+3         </span>
                        <span style="color: #0000ff;">if</span> (page + (<span style="color: #800080;">5</span> - page) ><span style="color: #000000;"> fenye) {
                            </span><span style="color: #008000;">//</span><span style="color: #008000;">         = fenye-page</span>
                            <span style="color: #0000ff;">for</span> (<span style="color: #0000ff;">var</span> i = <span style="color: #800080;">1</span>; i <= fenye - page; i++<span style="color: #000000;">) {
                                fenyeHtml </span>= fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li><a href="javascript:void(0);" onclick="GetImgList(</span><span style="color: #800000;">'</span> + (page + i) + <span style="color: #800000;">'</span><span style="color: #800000;">)" ></span><span style="color: #800000;">'</span> + (page + i) + <span style="color: #800000;">'</span><span style="color: #800000;"></a></li></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                            }
                        }
                        </span><span style="color: #0000ff;">else</span><span style="color: #000000;"> {
                            </span><span style="color: #008000;">//</span><span style="color: #008000;">    5-page</span>
                            <span style="color: #0000ff;">for</span> (<span style="color: #0000ff;">var</span> i = <span style="color: #800080;">1</span>; i <= <span style="color: #800080;">5</span> - page; i++<span style="color: #000000;">) {
                                fenyeHtml </span>= fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li><a href="javascript:void(0);" onclick="GetImgList(</span><span style="color: #800000;">'</span> + (page + i) + <span style="color: #800000;">'</span><span style="color: #800000;">)"></span><span style="color: #800000;">'</span> + (page + i) + <span style="color: #800000;">'</span><span style="color: #800000;"></a></li></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                            }
                        }

                        </span><span style="color: #0000ff;">if</span> (fenye > <span style="color: #800080;">5</span><span style="color: #000000;">) {
                            fenyeHtml </span>= fenyeHtml + <span style="color: #800000;">'</span><span style="color: #800000;"><li>< a href = "javascript:void(0);" onclick="GetImgList(</span><span style="color: #800000;">'</span> + fenye + <span style="color: #800000;">'</span><span style="color: #800000;">)" aria - label="Next" ><span aria-hidden="true">&raquo;</span></a ></li ></span><span style="color: #800000;">'</span><span style="color: #000000;">;
                        }

                    }

                    </span><span style="color: #008000;">//</span><span style="color: #008000;">     </span>
                    $(<span style="color: #800000;">"</span><span style="color: #800000;">#fenye</span><span style="color: #800000;">"</span>).html(<span style="color: #800000;">""</span><span style="color: #000000;">);
                    </span><span style="color: #008000;">//</span><span style="color: #008000;">      </span>
                    $(<span style="color: #800000;">"</span><span style="color: #800000;">#fenye</span><span style="color: #800000;">"</span><span style="color: #000000;">).html(fenyeHtml);

                }
            });
    }
</span>

バックグラウンドコードの作成を開始するバックグラウンドコードashxで作成///


        ///           
        /// 
        /// 
        public void GetQueryList(HttpContext context)
        {
            //                      
            dynamic OnjJson = new ExpandoObject();
            //         
            int page = Convert.ToInt32(context.Request["page"]);
            //         
            int count = Convert.ToInt32(context.Request["count"]);
            //        
            string Type =context.Request["Type"];
            //    
            int offset = (page - 1) * count;
            //      BLL  
            Maticsoft.BLL.T_Products productsBll = new Maticsoft.BLL.T_Products();
            //    0  
            int total = 0;
            //         
            OnjJson.rows = productsBll.GetQueryList(count, offset, Type, out total);
            //        
            OnjJson.total = total;
            context.Response.Write(JsonConvert.SerializeObject(OnjJson));
            context.Response.End();
        }

BLLメソッドの呼び出し///


        ///           
        /// 
        ///   
        ///     
        ///      
        ///       out  （      （               ）          。       ）
        /// 
        public DataTable GetQueryList(int limit, int offset, string Type, out int total)

        {
            return dal.GetQueryList(limit, offset, Type, out total);
        }

BLLでdalメソッドを呼び出し、SQL文を使用してクエリーし、クエリーされた数値を返します.///


        ///           
        /// 
        ///   
        ///     
        ///      
        ///      
        /// 
        public DataTable GetQueryList(int limit, int offset, string Type, out int total)
        {
            //        Type                       Type    Type   
            if(Type=="")
            {
                //  sql        
                string sql = "select top (@limit) * from (select row_number() over(order by FId desc) as rownumber,* from T_Products ) temp_row where rownumber>@offset ";
                //       
                string totalsql = "select COUNT(1) from T_Products ";
                total = Convert.ToInt32(SqlHelper.ExecuteScalar(SqlHelper.connStr, totalsql));
                //       sql           
                SqlParameter[] para = new SqlParameter[]
                {
                new SqlParameter("@limit",SqlDbType.Int),
                new SqlParameter("@offset",SqlDbType.Int),
                
                };
                para[0].Value = limit;
                para[1].Value = offset;
                //    Table
                return SqlHelper.ExecuteDataTable(SqlHelper.connStr, sql, para);

            }
            else
            {
                //               

                //  sql        
                string sql = "select top (@limit) * from (select row_number() over(order by FId desc) as rownumber,* from T_Products where Ftype=@Ftype) temp_row where rownumber>@offset ";

                //       
                string totalsql = "select COUNT(1) from T_Products where Ftype=@Ftype";
                total = Convert.ToInt32(SqlHelper.ExecuteScalar(SqlHelper.connStr, totalsql, new SqlParameter[] {
            new SqlParameter("@Ftype",Type)
            }));
                //       sql           
                SqlParameter[] para = new SqlParameter[]
                {
                new SqlParameter("@limit",SqlDbType.Int),
                new SqlParameter("@offset",SqlDbType.Int),
                new SqlParameter("@Ftype",Type)
                };
                para[0].Value = limit;
                para[1].Value = offset;
                para[2].Value = Type;
                //    Table
                return SqlHelper.ExecuteDataTable(SqlHelper.connStr, sql, para);

            }

        }

最後に戻り値をimgHtml=imgHtml+''に記入すればよい

//1ページにいくつかのデータvar count=9が記録されています.//製品分類var type=「」;//ページロード完了後$(function(){//現在の第1ページvar page=1;//Typeが空の場合Typeは正則的に取得したType if(getUrlParam("Type")!=null){type=getUrlParam("Type"); }<br>GetImgList(page)/タイプ変更方法<br><br> });function GebgGai(LeiXing){Type=LeiXing;var page=1;GetImgList(page)}//フロントバックグラウンド要求データメソッド現在の何ページ目の一晩に何本のfunction GetImgList(page){$.ajax({type:「POST」url:"../Etp/EtpList.ashx?action=GetQueryList", data: { page: page, count: count, type: type }, contentType: "application/x-www-form-urlencoded", dataType: "json", async: false, cache: false, success: function (data) {debugger;//合計バー数var total=data.total;//クエリーされたピクチャリストデータをimgList var imgList=data.rows;var imgHtml=";//クエリーされたピクチャリストデータを遍歴し、表示されるHTML for(var i=0;i<imgList.length;i++)に接続する{//imgListがimgList+divフレームワークに等しいClassは属性とともに「バックグラウンドコードとフロントコードimgHtml=imgHtml+'<div class="col-md-4"style="height:274 px;」><div style = "width: 314.83px; height: 214px;"class="cptu"><a href="ProductDetails.aspx?FId=' + imgList[i].FId + '"><img style="width: 314.83px; height: 214px;"src="' + imgList[i].FImg + '"/></a></div ><div class="col-md-3"style="height: 40px; text-align: center; width: 341.83px; margin-left: -15px;"><a href="ProductDetails.aspx?FId=' + imgList[i].FId + '"style="text-decoration: none; line-height: 40px; font-size: 20px;">' + imgList[i].FName + '</a></div></div>';}//既存データ$("#imglist").html("");//新しいピクチャリストデータ$("#imglist").html(imgHtml);//ページング合計の計算ページごとの数var fenye=Math.ceil(total/count);//ページングhtml var fenyeHtml=";//ヘッダif(page-2>1){if(fenye>5){//ヘッダfenyeHtml='<li><a href=“javascript:void(0);”onclick="GetImgList(1)"aria - label="Previous"><span aria-hidden="true">«</span></a ></li >';}////処理の678 if(fenye-page<=2){//不要尾//page=4 fenye=5//前へ4-(fenye-page) for (var i = 4 - (fenye - page); i > 0; i--) { fenyeHtml = fenyeHtml + '<li><a href="javascript:void(0);"onclick="GetImgList(' + (page - i) + ')">' + (page - i) + '</a></li>'; } fenyeHtml = fenyeHtml + '<li><a href="javascript:void(0);" style="background-color:red"onclick="GetImgList(' + page + ')">' + page + '</a></li>';//数=fenye-page for(var i=1;i<=fenye-page;i+){fenyeHtml=fenyeHtml+'<li><a href="javascript:void(0);"onclick="GetImgList(' + (page + i) + ')">' + (page + i) + '</a></li>';}}else{debugger;//正常+2 fenyeHtml=fenyeHtml+'<li><a href="javascript:void(0);" style="background-color:red" onclick="GetImgList(' + page + ')">' + page + '</a></li>'; fenyeHtml = fenyeHtml + '<li><a href="javascript:void(0);" onclick="GetImgList(' + (page + 1) + ')">' + (page + 1) + '</a></li>'; fenyeHtml = fenyeHtml + '<li><a href="javascript:void(0);"onclick="GetImgList(' + (page + 2) + ')">' + (page + 2) + '</a></li>';<br>//要尾fenyeHtml=fenyeHtml+'<li>< a href = "javascript:void(0);"onclick="GetImgList(' + fenye + ')"aria - label="Next"><span aria-hidden="true">»</span></a ></li >';}}else{//12 3//ヘッダ//3 if未満(page<3){//12//マイナス数=page-1 if(page==2){fenyeHtml=fenyeHtml+'<li><a href="javascript:void(0);" onclick="GetImgList(1)">1</a></li>';}//正常値fenyeHtml=fenyeHtml+'<li><a href="javascript:void(0);" style="background-color:red" onclick="GetImgList(' + page + ')">' + page + '</a></li>'; } else { //3 fenyeHtml = fenyeHtml + '<li><a href="javascript:void(0);" onclick="GetImgList(1)">1</a></li>'; fenyeHtml = fenyeHtml + '<li><a href="javascript:void(0);" onclick="GetImgList(2)">2</a></li>'; fenyeHtml = fenyeHtml + '<li><a href="javascript:void(0);" style="background-color:red"onclick="GetImgList(3)">3</a></li>'; }<br><br>//page+3はページング数if(page+(5-page)>より大きいかどうか.fenye){//そんなにプラスできない=fenye-page for(var i=1;i<=fenye-page;i+){fenyeHtml=fenyeHtml+'<li><a href="javascript:void(0);"onclick="GetImgList(' + (page + i) + ')">' + (page + i) + '</a></li>';}}else{//通常5-page for(var i=1;i<=5-page;i++){ fenyeHtml = fenyeHtml + '<li><a href="javascript:void(0);"onclick="GetImgList(' + (page + i) + ')">' + (page + i) + '</a></li>'; } }<br> if (fenye > 5) { fenyeHtml = fenyeHtml + '<li>< a href = "javascript:void(0);"onclick="GetImgList(' + fenye + ')"aria - label="Next"><span aria-hidden="true">»</span></a ></li >'; }<br> }<br>//元のページング$("#fenye").html("");//新しいページング$(「#fenye」).html(fenyeHtml);<br> } }); }

フロントエンド面接命題(二)-callback,promise,generator,async-await

iOSはpresentとdismissについて話しています