织梦CMS - 轻松建站从此开始!

罗索

当前位置: 主页>杂项技术>Web>

推荐AspNetPager分页控件

jackyhwei 发布于 2010-09-15 16:45 点击:次 
推荐AspNetPager分页控件
TAG:

前台代码:

  1. html xmlns="http://www.w3.org/1999/xhtml" > 
  2. <head runat="server"> 
  3.     <title></title> 
  4.     <style> 
  5. /*拍拍网风格*/ 
  6. /*.paginator { font: 11px Arial, Helvetica, sans-serif;
  7.  padding:10px 20px 10px 0; margin: 0px;} 
  8. .paginator a {padding: 1px 6px; border: solid 1px #ddd;
  9.   background: #fff; text-decoration: none;margin-right:2px} 
  10. .paginator a:visited {padding: 1px 6px; border: solid 1px #ddd;
  11.   background: #fff; text-decoration: none;} 
  12. .paginator .cpb {padding: 1px 6px;font-weight: bold;
  13.   font-size: 13px;border:none} 
  14. .paginator a:hover {color: #fff; background: #ffa501;
  15.  border-color:#ffa501;text-decoration: none;} 
  16. */ 
  17. /*淘宝风格*/ 
  18. .paginator { font: 12px Arial, Helvetica, sans-serif; 
  19. padding:10px 20px 10px 0; margin: 0px;} 
  20. .paginator a {border:solid 1px #ccc;color:#0063dc;
  21.  cursor:pointer;text-decoration:none;} 
  22. .paginator a:visited {padding: 1px 6px; border: solid 1px #ddd; 
  23.  background: #fff; text-decoration: none;} 
  24. .paginator .cpb {border:1px solid #F50;font-weight:700; 
  25. color:#F50;background-color:#ffeee5;} 
  26. .paginator a:hover {border:solid 1px #F50;color:#f60; text-decoration:none;} 
  27. .paginator a,.paginator a:visited,.paginator .cpb,
  28. .paginator a:hover {float:left;height:16px;line-height:16px;min-width:10px; 
  29. _width:10px;margin-right:5px;text-align:center; 
  30. white-space:nowrap;font-size:12px;font-family:Arial,SimSun;padding:0 3px;} 
  31. </style> 
  32. </head> 
  33. <body> 
  34.     <form id="form1" runat="server"> 
  35.     <div> 
  36.         <h3>分页测试</h3> 
  37.         <div> 
  38.             <asp:GridView ID="GridView1" runat="server"> 
  39.             </asp:GridView> 
  40.         </div> 
  41.         <div> 
  42.             <webdiyer:AspNetPager ID="AspNetPager1" CssClass="paginator"
  43.  CurrentPageButtonClass="cpb" runat="server" AlwaysShow="True"  
  44. FirstPageText="首页"  LastPageText="尾页" NextPageText="下一页" 
  45. PageSize="20" PrevPageText="上一页"  ShowCustomInfoSection="Left"  
  46. ShowInputBox="Never" onpagechanged="AspNetPager1_PageChanged"
  47. CustomInfoTextAlign="Left" LayoutType="Table"  > 
  48.             </webdiyer:AspNetPager> 
  49.         </div> 
  50.     </div> 
  51.     </form> 
  52. </body> 
  53. </html> 

后台代码:(用到企业库)

  1. protected void Page_Load(object sender, EventArgs e) { 
  2.  if (!IsPostBack) { BindData(); } 
  3.  } 
  4.  
  5. protected void AspNetPager1_PageChanged(object sender, EventArgs e) 
  6.  { BindData(); }  
  7.  
  8. private void BindData() { string sql = @" BEGIN 
  9. DECLARE @START INT 
  10. DECLARE @END INT 
  11. DECLARE @row_number int 
  12. SET @START = (@current_page -1) * @page_size + 1 
  13.  
  14. SET @END = @START+@page_size -1 
  15. SELECT * FROM (SELECT ROW_NUMBER() OVER(ORDER BY @row_number)
  16.  AS row_number,* FROM t_um_ob) rp 
  17. WHERE row_number BETWEEN @START AND @END; 
  18. SELECT count(1) FROM t_um_ob 
  19. END";  
  20.  
  21. Database db = DatabaseFactory.CreateDatabase("DB");  
  22. DbCommand cmd = db.GetSqlStringCommand(sql);  
  23. db.AddInParameter(cmd, "@current_page", System.Data.DbType.Int32,
  24.  AspNetPager1.CurrentPageIndex);  
  25. db.AddInParameter(cmd, "@page_size", System.Data.DbType.Int32,
  26.  AspNetPager1.PageSize);  
  27. DataSet ds = db.ExecuteDataSet(cmd);  
  28. AspNetPager1.RecordCount = (int)ds.Tables[1].Rows[0][0];  
  29. GridView1.DataSource = ds.Tables[0].DefaultView; GridView1.DataBind(); 

 

感觉效果还不错,值得推荐

 

(michael-zhangyu)
本站文章除注明转载外,均为本站原创或编译欢迎任何形式的转载,但请务必注明出处,尊重他人劳动,同学习共成长。转载请注明:文章转载自:罗索实验室 [http://www.rosoo.net/a/201009/10164.html]
本文出处:博客园 作者:michael-zhangyu
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
将本文分享到微信
织梦二维码生成器
推荐内容