亲密接触ASP.Net(13)
来源:互联网 发布:五迷三道 知乎 编辑:程序博客网 时间:2024/06/08 18:50
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>个性化的分页实现
我们前面讲的分页,只不过是通过修改DataGrid的属性来实现分页,这样有这样的好处,最大的就是简单,呵呵,根本不用操心,分页是如何产生的。
但是它同样有缺点,不能按照我们想像的产生各种我们需要的样式。
没有办法,想个性化功能,只有自已动手来做了,呵呵。
我们一步步的来,首先是导入需要的命名空间。下面的例子,其实也是我从国外找来的,再加上点个人的东东,再汉化,呵呵。今天心情很好,我连标签色彩都给大家显示出来了。呵呵,更利于大家看程序。
<%@PageLanguage="C#"%>
<%@ImportNamespace="System.Data"%>
<%@ImportNamespace="System.Data.SQL"%>
我们先看看,我们的web控件是哪些,再看看代码是怎么写的,这样比较好:)
<body>
<h3><fontface="Verdana">个性化的分页实例^&^</font></h3>
<formrunat=server>
<ASP:DataGridid="MyDataGrid"runat="server"
AllowPaging="True"
PageSize="10"
PagerStyle-Mode="NumericPages"
PagerStyle-HorizontalAlign="Right"
OnPageIndexChanged="MyDataGrid_Page"
BorderColor="black"
BorderWidth="1"
GridLines="Both"
CellPadding="3"
CellSpacing="0"
Font-Name="Verdana"
Font-Size="8pt"
HeaderStyle-BackColor="#aaaadd"
AlternatingItemStyle-BackColor="#eeeeee"
AutoGenerateColumns="false"
>
<propertyname="Columns">
<ASP:BoundColumnHeaderText="工作室成员"DataField="Enter_ID"/>
<ASP:BoundColumnHeaderText="登陆时间"DataField="Enter_Time"/>
</property>
</ASP:DataGrid>
<p>
<ASP:LinkButtonid="btnFirst"runat="server"
Text="首页"
CommandArgument="0"
ForeColor="navy"
Font-Name="verdana"Font-size="8pt"
OnClick="PagerButtonClick"
/>
<ASP:LinkButtonid="btnPrev"runat="server"
Text="前页"
CommandArgument="prev"
ForeColor="navy"
Font-Name="verdana"Font-size="8pt"
OnClick="PagerButtonClick"
/>
<ASP:LinkButtonid="btnNext"runat="server"
Text="后页"
CommandArgument="next"
ForeColor="navy"
Font-Name="verdana"Font-size="8pt"
OnClick="PagerButtonClick"
/>
<ASP:LinkButtonid="btnLast"runat="server"
Text="末页"
CommandArgument="last"
ForeColor="navy"
Font-Name="verdana"Font-size="8pt"
OnClick="PagerButtonClick"
/>
<p>
<ASP:Checkboxid="chk1"runat="server"
Text="显示内置的页数"
Font-Name="Verdana"
Font-Size="8pt"
AutoPostBack="true"
/>
<p>
<tablebgcolor="#eeeeee"cellpadding="6"><tr><tdnowrap><fontface="Verdana"size="-2">
<ASP:Labelid="lblCurrentIndex"runat="server"/><br>
<ASP:Labelid="lblPageCount"runat="server"/><br>
</font></td></tr></table>
</form>
</body>
从上面的例子我们可以看出点击LinkButton控件OnClick触发的是PageButtonClick事件,DataGrid页面OnPageIndexChanged改变触发的是MyDataGrid_Page事件,我们以后就是就是要编写这两件事件的代码
下面是先要查询的数据库的信息,用一个函数表示,因为经常用到:),我打开的表,呵呵,是我们工作室管理区的登陆记录表(哈又卖了点我们工作室的秘密给大家)
ICollectionCreateDataSource()
{
/*
读取数据库的信息,获得DataView
*/
SQLConnectionMyConnection=newSQLConnection("server=localhost;uid=sa;pwd=123456;database=ASPcn");
SQLDataSetCommandMyDataSetCommand=newSQLDataSetCommand("select*fromadmin_enterorderbyEnter_Timedesc",MyConnection);
DataSetds=newDataSet();
MyDataSetCommand.FillDataSet(ds,"admin_enter");
returnds.Tables["admin_enter"].DefaultView;
}
然后中是Page_Load函数,在这里主要是判断一下是否显示DataGrid自带的那些分页数字,使用的是PageStyle的Visible属性:
voidPage_Load(Objectsender,EventArgse)
{
//判断是否隐藏PagerStyle-Mode
if(chk1.Checked)
{
MyDataGrid.PagerStyle.Visible=true;
}
else
{
MyDataGrid.PagerStyle.Visible=false;
}
BindGrid();
}
下面是处理点击事件的PagerButtonClick,这是我们的核心部分,其实我们操作的也只是DataGrid的CurrentPageIndex属性。如果CurrentPageIndex小于PageCount则有下一页,如果CurrentPageIndex大于0则表示有前一页。
voidPagerButtonClick(Objectsender,EventArgse)
{
//获得LinkButton的参数值
Stringarg=((LinkButton)sender).CommandArgument;
switch(arg)
{
case("next"):
if(MyDataGrid.CurrentPageIndex<(MyDataGrid.PageCount-1))
MyDataGrid.CurrentPageIndex++;
break;
case("prev"):
if(MyDataGrid.CurrentPageIndex>0)
MyDataGrid.CurrentPageIndex--;
break;
case("last"):
MyDataGrid.CurrentPageIndex=(MyDataGrid.PageCount-1);
break;
default:
//本页值
MyDataGrid.CurrentPageIndex=arg.ToInt32();
break;
}
BindGrid();
}
下面是MyDataGrid_Page,主要操作是调用BindGrid函数,以将数据交给DataGrid显示:
voidMyDataGrid_Page(Objectsender,DataGridPageChangedEventArgse)
{
//处理按下数字的方法
BindGrid();
}
最后是两个函数,他们的作用,我都注释了:)
voidBindGrid()
{
//将DataView绑定到DataGrid上去
MyDataGrid.DataSource=CreateDataSource();
MyDataGrid.DataBind();
ShowStats();
}
voidShowStats()
{
//显示页面信息
lblCurrentIndex.Text="当前页数为:"+((int)MyDataGrid.CurrentPageIndex+1);
lblPageCount.Text="总页数是:"+MyDataGrid.PageCount;
}
到此为止,我们的个性化页面已经完成了(全部代码和显示看一下节),我们总的思想就是使用LinkButton控件做为翻页的标帜,通过判断LinkButton的CommandArgument值,操作DataGrid的CurrentPageIndex属性,以达到翻页的效果。
如果大家在本节中看不懂结构,请参看下一节的全部代码以及示例。
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
document.write(baiduCproIFrame());-->我们前面讲的分页,只不过是通过修改DataGrid的属性来实现分页,这样有这样的好处,最大的就是简单,呵呵,根本不用操心,分页是如何产生的。
但是它同样有缺点,不能按照我们想像的产生各种我们需要的样式。
没有办法,想个性化功能,只有自已动手来做了,呵呵。
我们一步步的来,首先是导入需要的命名空间。下面的例子,其实也是我从国外找来的,再加上点个人的东东,再汉化,呵呵。今天心情很好,我连标签色彩都给大家显示出来了。呵呵,更利于大家看程序。
<%@PageLanguage="C#"%>
<%@ImportNamespace="System.Data"%>
<%@ImportNamespace="System.Data.SQL"%>
我们先看看,我们的web控件是哪些,再看看代码是怎么写的,这样比较好:)
<body>
<h3><fontface="Verdana">个性化的分页实例^&^</font></h3>
<formrunat=server>
<ASP:DataGridid="MyDataGrid"runat="server"
AllowPaging="True"
PageSize="10"
PagerStyle-Mode="NumericPages"
PagerStyle-HorizontalAlign="Right"
OnPageIndexChanged="MyDataGrid_Page"
BorderColor="black"
BorderWidth="1"
GridLines="Both"
CellPadding="3"
CellSpacing="0"
Font-Name="Verdana"
Font-Size="8pt"
HeaderStyle-BackColor="#aaaadd"
AlternatingItemStyle-BackColor="#eeeeee"
AutoGenerateColumns="false"
>
<propertyname="Columns">
<ASP:BoundColumnHeaderText="工作室成员"DataField="Enter_ID"/>
<ASP:BoundColumnHeaderText="登陆时间"DataField="Enter_Time"/>
</property>
</ASP:DataGrid>
<p>
<ASP:LinkButtonid="btnFirst"runat="server"
Text="首页"
CommandArgument="0"
ForeColor="navy"
Font-Name="verdana"Font-size="8pt"
OnClick="PagerButtonClick"
/>
<ASP:LinkButtonid="btnPrev"runat="server"
Text="前页"
CommandArgument="prev"
ForeColor="navy"
Font-Name="verdana"Font-size="8pt"
OnClick="PagerButtonClick"
/>
<ASP:LinkButtonid="btnNext"runat="server"
Text="后页"
CommandArgument="next"
ForeColor="navy"
Font-Name="verdana"Font-size="8pt"
OnClick="PagerButtonClick"
/>
<ASP:LinkButtonid="btnLast"runat="server"
Text="末页"
CommandArgument="last"
ForeColor="navy"
Font-Name="verdana"Font-size="8pt"
OnClick="PagerButtonClick"
/>
<p>
<ASP:Checkboxid="chk1"runat="server"
Text="显示内置的页数"
Font-Name="Verdana"
Font-Size="8pt"
AutoPostBack="true"
/>
<p>
<tablebgcolor="#eeeeee"cellpadding="6"><tr><tdnowrap><fontface="Verdana"size="-2">
<ASP:Labelid="lblCurrentIndex"runat="server"/><br>
<ASP:Labelid="lblPageCount"runat="server"/><br>
</font></td></tr></table>
</form>
</body>
从上面的例子我们可以看出点击LinkButton控件OnClick触发的是PageButtonClick事件,DataGrid页面OnPageIndexChanged改变触发的是MyDataGrid_Page事件,我们以后就是就是要编写这两件事件的代码
下面是先要查询的数据库的信息,用一个函数表示,因为经常用到:),我打开的表,呵呵,是我们工作室管理区的登陆记录表(哈又卖了点我们工作室的秘密给大家)
ICollectionCreateDataSource()
{
/*
读取数据库的信息,获得DataView
*/
SQLConnectionMyConnection=newSQLConnection("server=localhost;uid=sa;pwd=123456;database=ASPcn");
SQLDataSetCommandMyDataSetCommand=newSQLDataSetCommand("select*fromadmin_enterorderbyEnter_Timedesc",MyConnection);
DataSetds=newDataSet();
MyDataSetCommand.FillDataSet(ds,"admin_enter");
returnds.Tables["admin_enter"].DefaultView;
}
然后中是Page_Load函数,在这里主要是判断一下是否显示DataGrid自带的那些分页数字,使用的是PageStyle的Visible属性:
voidPage_Load(Objectsender,EventArgse)
{
//判断是否隐藏PagerStyle-Mode
if(chk1.Checked)
{
MyDataGrid.PagerStyle.Visible=true;
}
else
{
MyDataGrid.PagerStyle.Visible=false;
}
BindGrid();
}
下面是处理点击事件的PagerButtonClick,这是我们的核心部分,其实我们操作的也只是DataGrid的CurrentPageIndex属性。如果CurrentPageIndex小于PageCount则有下一页,如果CurrentPageIndex大于0则表示有前一页。
voidPagerButtonClick(Objectsender,EventArgse)
{
//获得LinkButton的参数值
Stringarg=((LinkButton)sender).CommandArgument;
switch(arg)
{
case("next"):
if(MyDataGrid.CurrentPageIndex<(MyDataGrid.PageCount-1))
MyDataGrid.CurrentPageIndex++;
break;
case("prev"):
if(MyDataGrid.CurrentPageIndex>0)
MyDataGrid.CurrentPageIndex--;
break;
case("last"):
MyDataGrid.CurrentPageIndex=(MyDataGrid.PageCount-1);
break;
default:
//本页值
MyDataGrid.CurrentPageIndex=arg.ToInt32();
break;
}
BindGrid();
}
下面是MyDataGrid_Page,主要操作是调用BindGrid函数,以将数据交给DataGrid显示:
voidMyDataGrid_Page(Objectsender,DataGridPageChangedEventArgse)
{
//处理按下数字的方法
BindGrid();
}
最后是两个函数,他们的作用,我都注释了:)
voidBindGrid()
{
//将DataView绑定到DataGrid上去
MyDataGrid.DataSource=CreateDataSource();
MyDataGrid.DataBind();
ShowStats();
}
voidShowStats()
{
//显示页面信息
lblCurrentIndex.Text="当前页数为:"+((int)MyDataGrid.CurrentPageIndex+1);
lblPageCount.Text="总页数是:"+MyDataGrid.PageCount;
}
到此为止,我们的个性化页面已经完成了(全部代码和显示看一下节),我们总的思想就是使用LinkButton控件做为翻页的标帜,通过判断LinkButton的CommandArgument值,操作DataGrid的CurrentPageIndex属性,以达到翻页的效果。
如果大家在本节中看不懂结构,请参看下一节的全部代码以及示例。
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<script type="text/javascript"><!--google_ad_client = "pub-2947489232296736";/* 160x600, 创建于 08-4-23MSDN */google_ad_slot = "4367022601";google_ad_width = 160;google_ad_height = 600;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
- 亲密接触ASP.Net(13)
- 亲密接触ASP.Net(13)
- 亲密接触ASP.Net(1)
- 亲密接触ASP.Net(2)
- 亲密接触ASP.Net(3)
- 亲密接触ASP.Net(4)
- 亲密接触ASP.net(5)
- 亲密接触ASP.Net(1)
- 亲密接触ASP.Net(2)
- 亲密接触ASP.Net(3)
- 亲密接触ASP.Net(4)
- 亲密接触ASP.Net(5)
- 亲密接触ASP.Net(6)
- 亲密接触ASP.Net(7)
- 亲密接触ASP.Net(8)
- 亲密接触ASP.Net(9)
- 亲密接触ASP.Net(10)
- 亲密接触ASP.Net(11)
- 我的群发邮件程序
- 亲密接触ASP.Net(15)
- 模仿OSO的论坛(一)
- 亲密接触ASP.Net(14)
- 用PHP和ACCESS写聊天室(五)
- 亲密接触ASP.Net(13)
- 用PHP和ACCESS写聊天室(六)
- 亲密接触ASP.Net(12)
- 用PHP和ACCESS写聊天室(四)
- 亲密接触ASP.Net(11)
- 很实用的一个完整email发送程序
- 亲密接触ASP.Net(10)
- PHP进阶教程:实现网站的无限分类
- 亲密接触ASP.Net(9)