【开源】分页数据绑定控件GridPager 1.0版发布
2010-07-14 09:57
585 查看
HTML代码:
C#代码:
页面输出:
源码下载:
http://files.cnblogs.com/sqzhuyi/GridPagerTest.zip
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="GridPagerTest._Default" %> <%@ Register assembly="GridPager" namespace="GridPager" tagprefix="gp" %> <!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>gridpager组件测试</title> <mce:style type="text/css"><!-- body { font-family:宋体; font-size:12px;} --></mce:style><style type="text/css" mce_bogus="1"> body { font-family:宋体; font-size:12px;} </style> <link rel="Stylesheet" type="text/css" href="/gridpager/css/style1.css" mce_href="gridpager/css/style1.css" /> <link rel="Stylesheet" type="text/css" href="/gridpager/css/shield.css" mce_href="gridpager/css/shield.css" /> </head> <body> <form id="form1" runat="server"> <h2>使用系统样式</h2> <gp:DataView id="view1" runat="server" Width="400px"> <Columns> <gp:DataField Field="uname" Title="姓名"></gp:DataField> <gp:DataField Field="birthday" Title="出生日期" Format="{0:d}" ReadOnly="true"></gp:DataField> <gp:EditField SaveUrl="/ajax/gridpager.ashx?type=update"></gp:EditField> <gp:DeleteField SaveUrl="/ajax/gridpager.ashx?type=delete"></gp:DeleteField> </Columns> </gp:DataView> <input type="button" value="查看选中ID" onclick="alert(document.getElementById('gp_ids').value)" /> <input type="button" value="保存修改" onclick="saveEdit()" /> <h2>自定义样式(扩展repeater)</h2> <gp:GridPager ID="grid1" runat="server"> <ItemTemplate> <p><%# Eval("uname") %> : <%# Eval("birthday") %></p> </ItemTemplate> </gp:GridPager> <div id="gp_pager"><%=grid1.PagerString %></div> </form> </body> </html>
C#代码:
using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using GridPager; namespace GridPagerTest { public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { string dbstring = System.Configuration.ConfigurationManager.ConnectionStrings[1].ConnectionString; dbstring = dbstring.Replace("$dir$", AppDomain.CurrentDomain.BaseDirectory); view1.ConnectionString = dbstring;//不指定就使用web.config中配置的连接字符串 view1.Table = "tba"; view1.Fields = "*"; view1.PK = "id"; view1.PageSize = 10; view1.PageNumber = 9; view1.PageIndex = Request["page"] != null ? int.Parse(Request["page"]) : 1; view1.ShowCheckbox = true; view1.ShowIndex = true; //可对绑定过程进行编程 //view1.OnDataBinding += new GridPager.DataView.DataBindingHandler(view1_DataBinding); view1.DataBind(); grid1.Table = "tba"; grid1.Fields = "*"; grid1.PK = "id"; grid1.PageIndex = Request["page"] != null ? int.Parse(Request["page"]) : 1; grid1.DataBind(); } protected void view1_DataBinding(object sender, GridPager.DataItemEventArgs e) { e.Item.Cells[2].Value += ".edited"; } } }
页面输出:
源码下载:
http://files.cnblogs.com/sqzhuyi/GridPagerTest.zip
相关文章推荐
- AspNetAjaxPager,Asp.Net通用无刷新Ajax分页控件,支持多样式多数据绑定
- ASP.NET使用ListView数据绑定控件和DataPager实现数据分页显示(一)
- ASP.NET使用ListView数据绑定控件和DataPager实现数据分页显示(二)
- MvcPager 免费开源分页控件3.0版发布!
- [网络收集]Repeater控件实现数据绑定并分页
- AspNetPager免费开源分页控件7.4.1版发布
- Repeater控件绑定数据、分页、数据操作,最佳代码
- [原创]将数据绑定至页面的两个Textbox控件上,并且可以通过按钮实现分页
- EXTJS4.2 控件之Grid 根据数据源某列数据不同绑定不同的控件setEditor
- AspNetAjaxPager,Asp.Net通用无刷新Ajax分页控件,支持多样式多数据绑定
- 使用UltraWebGridExcelExporter控件导出分页Grid所有数据的简单解决办法
- Repeater控件绑定数据、分页、数据操作,最佳代码
- Forest 1.0 一个分布式服务和数据分片的开源框架发布
- REPEATER控件显示数据,交替项显示;分页类的使用,Repeater控件分页;使用DataList控件绑定数据;使用DataList控件的选择模板
- 利用ListView和DataPager控件来对数据分页
- GridView,Repeater分页控件:WebPager(开源)
- PagedDataSource数据绑定控件和AspNetPager分页控件结合使用列表分页
- Repeater控件实现数据绑定,并实现分页效果
- 第一次写的一个分页导航条控件(不包括数据绑定),高手提提意见
- .net中gridview控件数据绑定及分页