C#简单实用的翻页

  1 /// <summary>
  2 /// 翻页
  3 /// </summary>
  4 using System.Text;
  5 public class PageTurning
  6 {
  7     #region 构造函数
  8     /// <summary>
  9     /// 翻页
 10     /// </summary>
 11     /// <param name="count">页码总量</param>
 12     /// <param name="showCount">显示数量</param>
 13     /// <param name="index">当前页码</param>
 14     /// <param name="element">显示元素</param>
 15     /// <param name="css">默认样式</param>
 16     /// <param name="cssChecked">选中样式</param>
 17     /// <param name="cssPageTurning">上一页下一页样式</param>
 18     /// <param name="click">翻页事件</param>
 19     public PageTurning(int count, int showCount, int index, string element, string css, string cssChecked, string cssPageTurning, string click)
 20     {
 21         this.Count = count;
 22         this.ShowCount = showCount;
 23         this.Index = index;
 24         this.Element = element;
 25         this.Css = css;
 26         this.CssChecked = cssChecked;
 27         this.CssPageTurning = cssPageTurning;
 28         this.Click = click;
 29     }
 30     #endregion
 31 
 32     #region 参数
 33     #region 基本参数
 34     /// <summary>
 35     /// 当前页码
 36     /// </summary>
 37     public int Index { get; set; }
 38     /// <summary>
 39     /// 页码总量
 40     /// </summary>
 41     public int Count { get; set; }
 42     /// <summary>
 43     /// 显示数量
 44     /// </summary>
 45     public int ShowCount { get; set; }
 46     #endregion
 47 
 48     #region HTML参数
 49     /// <summary>
 50     /// 显示元素
 51     /// </summary>
 52     public string Element { get; set; }
 53     /// <summary>
 54     /// 默认样式
 55     /// </summary>
 56     public string Css { get; set; }
 57     /// <summary>
 58     /// 选中样式
 59     /// </summary>
 60     public string CssChecked { get; set; }
 61     /// <summary>
 62     /// 上一页下一页样式
 63     /// </summary>
 64     public string CssPageTurning { get; set; }
 65     /// <summary>
 66     /// 翻页事件
 67     /// </summary>
 68     public string Click { get; set; }
 69     #endregion
 70     #endregion
 71 
 72     #region 获取最大最小值
 73     /// <summary>
 74     /// 获取最大最小值
 75     /// </summary>
 76     /// <returns></returns>
 77     private int[] GetMinMax()
 78     {
 79         int[] minMax = new int[2];
 80         if (Index < ShowCount + 2)//123...
 81         {
 82             minMax[0] = 1;
 83             minMax[1] = Count > (ShowCount * 2 + 1) ? (ShowCount * 2 + 1) : Count;
 84         }
 85         else if (Index > Count - 2 * ShowCount + 1)//...678
 86         {
 87             minMax[0] = Count - 2 * ShowCount;
 88             minMax[1] = Count;
 89         }
 90         else//...345...
 91         {
 92             minMax[0] = Index - ShowCount;
 93             minMax[1] = Index + ShowCount;
 94         }
 95         //防止出错
 96         minMax[0] = minMax[0] < 1 ? 1 : minMax[0];
 97         minMax[1] = minMax[1] < Count ? minMax[1] : Count;
 98         minMax[1]++;
 99         return minMax;
100     }
101     #endregion
102 
103     #region 生成HTML
104     /// <summary>
105     /// 生成HTML
106     /// </summary>
107     /// <returns></returns>
108     public string Building()
109     {
110         var minMax = GetMinMax();
111         StringBuilder sb = new StringBuilder();
112         if (Index > 1)//加1...
113         {
114             sb.AppendFormat("<{0} class={1} onclick={2}>上一页</{0}>", Element, CssPageTurning, Click + "(" + (Index > 1 ? Index - 1 : 1) + ")");
115             if (minMax[0] > 1)
116             {
117                 sb.AppendFormat("<{0} class={1} onclick={2}>1</{0}>", Element, Css, Click + "(1)");
118                 if (minMax[0] > 2)
119                 {
120                     sb.AppendFormat("<{0} class={1}>...</{0}>", Element, Css);
121                 }
122             }
123         }
124         while (minMax[0] < minMax[1])//1...345...7
125         {
126             sb.AppendFormat("<{0} class={1} onclick={2}>{3}</{0}>", Element, minMax[0] != Index ? Css : CssChecked, minMax[0] != Index ? Click + "(" + minMax[0] + ")" : "", minMax[0]);
127             minMax[0]++;
128         }
129         if (Index < Count)//加..7
130         {
131             if (minMax[1] < Count + 1)
132             {
133                 if (minMax[1] < Count)
134                 {
135                     sb.AppendFormat("<{0} class={1}>...</{0}>", Element, Css);
136                 }
137                 sb.AppendFormat("<{0} class={1} onclick={2}>{3}</{0}>", Element, Css, Click + "(" + Count + ")", Count);
138             }
139             sb.AppendFormat("<{0} class={1} onclick={2}>下一页</{0}>", Element, CssPageTurning, Click + "(" + (Count > Index ? Index + 1 : Count) + ")");
140         }
141         return sb.ToString();
142     }
143     #endregion
144 }

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta name="viewport" content="width=device-width" />
 5     <title>Index</title>
 6     <script src="~/Scripts/jquery-1.8.2.min.js"></script>
 7     <script>
 8         $(function () {
 9             aaaaa(22)
10         })
11         function aaaaa(pIndex) {
12             $("div").load("/test/get", { index: pIndex });
13         }
14     </script>
15     <style>
16         .aa {
17             cursor: pointer;
18             display: block;
19             border: 1px solid black;
20             width: 22px;
21             height: 24px;
22             float: left;
23             margin-left: 4px;
24         }
25 
26         .bb {
27             cursor: pointer;
28             display: block;
29             border: 1px solid black;
30             width: 22px;
31             height: 24px;
32             float: left;
33             margin-left: 4px;
34             background-color: pink;
35         }
36 
37         .cc {
38             cursor: pointer;
39             display: block;
40             border: 1px solid black;
41             width: 60px;
42             height: 24px;
43             float: left;
44             margin-left: 4px;
45             background-color: orange;
46         }
47     </style>
48 </head>
49 <body>
50     <div></div>
51 </body>
52 </html>