zoukankan      html  css  js  c++  java
  • 分页1

    一.Ajax

    // 重複項目削除
                for (int i = 0; i < recipeList.Count; i++)
                {
                    for (int j = i + 1; j < recipeList.Count; j++)
                    {
                        if (recipeList[i].materialName == recipeList[j].materialName && recipeList[i].materialVolume == recipeList[j].materialVolume)
                        {
                            recipeList[i].num++;
                            recipeList.RemoveAt(j);
                            j--;
                        }
                    }
                }

                // ページ分け処理
                if (recipeList != null && recipeList.Count() > 0)
                {
                    int pageCount = 0;
                    if (recipeList.Count() % onePageCount == 0)
                    {
                        pageCount = recipeList.Count() / onePageCount;
                    }
                    else
                    {
                        pageCount = recipeList.Count() / onePageCount + 1;
                    }
                    model.pageCount = pageCount;

                    if (pageNo <= pageCount)
                    {
                        model.startItemNo = (pageNo - 1) * onePageCount;
                        if (pageNo == pageCount)
                        {
                            model.lastItemNo = recipeList.Count() - 1;
                        }
                        else
                        {
                            model.lastItemNo = pageNo * onePageCount - 1;
                        }
                        model.totalCount = recipeList.Count();

                        // Skip数量
                        int SkinCount = (pageNo - 1) * onePageCount;
                        model.RecipeMaterialList = recipeList.Skip(SkinCount).Take(onePageCount).ToList();
                    }
                }

    <div id="page-break">
                    <ul class="breaklist">
                        @if (Model.pageNo > 1)
                        {
                            <li class="pageBack">@*<a class="glbPanelNew_r" href="/Genearea/RecipeMaterial/Result/?recipeId=@(Model.recipeId)&amp;no=@(Model.pageNo - 1)"">*@
                               <a class="glbPanelNew_r" href="javascript:getAjaxPageDate('recipeId=@(Model.recipeId)&no=@(Model.pageNo - 1)')">
                                    <img width="12" alt="" src="http://www.cnblogs.com/http://www.cnblogs.com/Content/DnaDiet/img/sprites/arrow-l-01.png"></a></li>
                        }
                        else
                        {
                            <li class="pageBack"><a class="glbPanelNew_r" href="#">
                                <img width="12" alt="" src="http://www.cnblogs.com/http://www.cnblogs.com/Content/DnaDiet/img/sprites/arrow-l-02.png"></a></li>
                        }
                        <li class="pageNumber"><span>@(Model.startItemNo + 1)~@(Model.lastItemNo + 1)/@(Model.totalCount)</span></li>
                        @if (Model.pageNo < Model.pageCount)
                        {
                            <li class="pageNext">@*<a class="glbPanelNew_r" href="/Genearea/RecipeMaterial/Result/?recipeId=@(Model.recipeId)&amp;no=@(Model.pageNo + 1)">*@
                                <a class="glbPanelNew_r" href="javascript:getAjaxPageDate('recipeId=@(Model.recipeId)&no=@(Model.pageNo + 1)')">
                                    <img width="12" alt="" src="http://www.cnblogs.com/http://www.cnblogs.com/Content/DnaDiet/img/sprites/arrow-r-01.png"></a></li>
                        }
                        else
                        {
                            <li class="pageNext"><a class="glbPanelNew_r" href="#">
                                <img width="12" alt="" src="http://www.cnblogs.com/http://www.cnblogs.com/Content/DnaDiet/img/sprites/arrow-r-02.png"></a></li>
                        }
                    </ul>
                </div>
  • 相关阅读:
    MySql 免安装配置
    MySql 语句优化的几个小建议
    Sharding-JDBC 公共表
    Sharding-JDBC 垂直分库
    Sharding-JDBC 水平分库
    Vuejs基础使用
    webpack配置开发环境和生产环境
    webpack常见应用
    webpack-用loader加载css样式、图片、字体、数据
    webpack核心概念-模式/loader/插件及其他
  • 原文地址:https://www.cnblogs.com/liqb/p/2876567.html
Copyright © 2011-2022 走看看