关于VS2005中GridView的自定义分页,单选、多选、排序、自增列的简单应用

本文介绍在VS2005中使用GridView实现自定义分页、单选、多选、排序及自增列的功能。通过示例代码展示了如何进行多选控制及行颜色变化等交互操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

关于VS2005中GridView的自定义分页,单选、多选、排序、自增列的简单应用。
多选时,只有全部选中时“多选”才选中。

图片效果:

简单示例,代码如下,
fenpage.aspx的代码
<% @PageLanguage="C#"AutoEventWireup="true"CodeFile="fenpage.aspx.cs"Inherits="gridview_fenpage" %>

<! DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head runat ="server" >
< title ></ title >

< script language ="javascript" type ="text/javascript" >
//判断多选是否与选中项(没有选中的返回false)
functionslcNo_click()
{
if(document.form1.checkboxname.length)
{
for(vari=0;i<document.form1.checkboxname.length;i++)
{
if(document.form1.checkboxname[i].checked)
{
returntrue;
}

}

}

else
{
if(document.form1.checkboxname.checked)
{
returntrue;
}

}

alert(
"请选择后再操作!");
returnfalse;
}


//鼠标经过改变行的颜色
if(!objbeforeItem)
{
varobjbeforeItem=null;
varobjbeforeItembackgroundColor=null;
}

functionItemOver(obj)
{
if(objbeforeItem)
{
objbeforeItem.style.backgroundColor
=objbeforeItembackgroundColor;
}

objbeforeItembackgroundColor
=obj.style.backgroundColor;
objbeforeItem
=obj;
obj.style.backgroundColor
="#B9D1F3";
}

//

//多选的全选与取消
functioncheckJs(boolvalue)
{
if(document.all.checkboxname.length>1)
{
for(vari=0;i<document.all.checkboxname.length;i++)
{
document.all.checkboxname[i].checked
=boolvalue;
}

}

else
document.all.checkboxname.checked
=boolvalue;
}

//

//只有全部选中时“全选”选中
functionSingleCheckJs()
{
varflag1=false;
varflag2=false;

if(document.form1.checkboxname.length)
{
for(vari=0;i<document.form1.checkboxname.length;i++)
{
if(document.form1.checkboxname[i].checked)
flag1
=true;
else
flag2
=true;
}

}

else
{
if(document.form1.checkboxname.checked)
flag1
=true;
else
flag2
=true;
}


if(flag1==true&&flag2==false)
document.getElementById(
"chk").checked=true;
else
document.getElementById(
"chk").checked=false;
}

//
</ script >
</ head >
< body >
< form id ="form1" runat ="server" >
< div >
< table cellpadding ="0" cellspacing ="0" border ="0" width ="80%" style ="font-size:11px" >
< tr >
< td align ="center" >
< asp:GridView ID ="GridView1" runat ="server" Width ="100%" CellPadding ="4" ForeColor ="#333333"
AutoGenerateColumns
="False" AllowPaging ="True" PageSize ="12" BorderColor ="Silver"
BorderStyle
="Solid" BorderWidth ="1px" OnRowDataBound ="GridView1_RowDataBound"
ShowFooter
="True" EmptyDataText ="没有数据记录!!" AllowSorting ="True" OnSorting ="GridView1_Sorting" >
< Columns >
< asp:BoundField HeaderText ="编号" DataField ="id" Visible ="False" />
< asp:TemplateField HeaderText ="&lt;inputtype='checkbox'id='chk'name='chk'οnclick='checkJs(this.checked);'/&gt;全选" FooterText ="全选" >
< ItemTemplate >
< input type ="checkbox" id ="checkboxname" name ="checkboxname" value ='<%# DataBinder.Eval(Container.DataItem,"id")% > 'οnclick='SingleCheckJs();'/>
</ ItemTemplate >
</ asp:TemplateField >
< asp:TemplateField HeaderText ="单选" FooterText ="单选" >
< ItemTemplate >
< input type ="radio" id ="RadioName" name ="RadioName" value ='<%# Eval("id")% > '/>
</ ItemTemplate >
</ asp:TemplateField >
< asp:TemplateField HeaderText ="自增列" FooterText ="自增列" >
< ItemTemplate >
<% #(Container.DataItemIndex+1).ToString() %>
</ ItemTemplate >
</ asp:TemplateField >
< asp:BoundField HeaderText ="姓名" FooterText ="姓名" DataField ="name" SortExpression ="name" />
< asp:BoundField HeaderText ="身份证号" FooterText ="身份证号" DataField ="card" SortExpression ="card" />
< asp:BoundField HeaderText ="价格" FooterText ="价格" DataField ="price" DataFormatString ="{0:¥#,##0.00}"
HtmlEncode
="False" SortExpression ="price" />
< asp:BoundField HeaderText ="数字" FooterText ="数字" DataField ="price" DataFormatString ="{0:0.00}"
HtmlEncode
="False" SortExpression ="price" />
< asp:BoundField HeaderText ="建立时间" FooterText ="建立时间" DataField ="createdate" DataFormatString ="{0:yyyy年MM月dd日hh时mm分ss秒}"
HtmlEncode
="False" SortExpression ="createdate" />
</ Columns >
< RowStyle BackColor ="#F7F6F3" ForeColor ="#333333" />
< EditRowStyle BackColor ="#999999" />
< SelectedRowStyle BackColor ="#E2DED6" Font-Bold ="True" ForeColor ="#333333" />
< PagerStyle BackColor ="#284775" ForeColor ="White" HorizontalAlign ="Center" />
< AlternatingRowStyle BackColor ="White" ForeColor ="#284775" />
< PagerSettings Visible ="False" />
< FooterStyle Font-Bold ="True" />
< HeaderStyle Font-Bold ="False" Font-Italic ="False" />
</ asp:GridView >
</ td >
</ tr >
< tr >
< td align ="center" style ="height:25px" >
< asp:LinkButton ID ="btnFirst" CommandArgument ="first" OnClick ="PagerButtonClick"
runat
="server" > 首页 </ asp:LinkButton >
< asp:LinkButton ID ="btnPrev" CommandArgument ="prev" OnClick ="PagerButtonClick" runat ="server" > 上一页 </ asp:LinkButton >
< asp:LinkButton ID ="btnNext" CommandArgument ="next" OnClick ="PagerButtonClick" runat ="server" > 下一页 </ asp:LinkButton >
< asp:LinkButton ID ="btnLast" CommandArgument ="last" OnClick ="PagerButtonClick" runat ="server" > 尾页 </ asp:LinkButton >
< asp:Label ID ="LblCurrentIndex" runat ="server" ></ asp:Label >
< asp:Label ID ="LblPageCount" runat ="server" ></ asp:Label >
< asp:Label ID ="LblRecordCount" runat ="serv
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值