关于VS2005中GridView的自定义分页单选、多选、排序、 自增列的简单应用。
多选时只有全部选中时“多选”才选中。
图片效果
简单示例代码如下fenpage.aspx的代码
.cs" Inherits="gridview_fenpage"%>
<!DOCTYPE html PUBLIC"-//W3C//DTDXHTML 1.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>
>
//判断多选是否与选中项没有选中的返回false
)
{
)
{
++)
{
)
{
;
}
}
}
{
)
{
;
}
}
alert("请选择后再操作 ");
;
}
//鼠标经过改变行的颜色
)
{
;
;
}
)
{
{
;}
;
;
";
}
//
//多选的全选与取消
)
{
)
{
++){
;}
}
;
}
//
//只有全部选中时“全选”选中
()
{
;
;
)
{
++){
)
;
;
}
}
{
)
;
;
}
)
;
;
}
//
>
</head>
<body>
<form id="form1" runat="server">
<div>
<table cel lpadding="0" cel lspacing="0" border="0"width="80%" style="font-size: 11px">
<tr>
<td al ign="center">
<asp:GridView ID="GridView1" runat="server"Width="100%"Cel lPadding="4" ForeColor="#333333"
AutoGenerateColumns="False"Al lowPaging="True" PageSize="12" Borde rColor="Si lver"
BorderStyle="Sol id" BorderWidth="1px"OnRowDataBound="GridView1_RowDataBound"
ShowFooter="True" EmptyDataText="没有数据记录 "Al low
Sorting="True"OnSorting="GridView1_Sorting">
<Columns>
<asp:BoundField HeaderText="编号"DataField="id"Visible="False"/>
<asp:TemplateField HeaderText="< input type='checkbox' id='chk' name='chk'oncl ick='checkJs(this.checked); ' />全选" FooterText="全选">
<ItemTemplate>
<input type="checkbox" id="checkboxname" name="checkboxname"value='<%# DataBinder.Eval(Container.DataItem, "id")%>' oncl ick='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>
()%>
</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="c reatedate"DataFormatString="{0:yyyy年M M月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"HorizontalAl ign="Center"/>
<AlternatingRowStyle BackColor="White" ForeColor="#284775"/>
<PagerSettings Visible="False"/>
<FooterStyle Font-Bold="True"/>
<HeaderStyle Font-Bold="False" Font-Ital ic="False"/>
</asp:GridView>
</td>
</tr>
<tr>
<td al ign="center" style="height: 25px">
<asp:LinkButton ID="btnFirst"CommandArgument="first"OnCl ick="PagerButtonCl ick"runat="server">首页</asp:LinkButton>
<asp:LinkButton ID="btnPrev"CommandArgument="prev"OnCl ick="PagerButtonCl ick" runat="server">上一页</asp:LinkButton>
<asp:LinkButton ID="btnNext"CommandArgument="next"OnCl ick="PagerButtonCl ick" runat="server">下一页</asp:LinkButton>
<asp:LinkButton ID="btnLast"CommandArgument="last"OnClick="PagerButtonCl ick" 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="server"></asp:Label></td>
</tr>
<tr>
<td>
<asp:Button ID="Button2" runat="server"Text="checkbox得到选择的行"OnCl ick="Button2_Cl ick">
</asp:Button>
<asp:Button ID="Button1" runat="server"Text="radio得到选择的行"OnCl ick="Button1_Cl ick"></asp:Button>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>fenpage.aspx.cs的代码using System;using System.Data;
using System.Configuration;using System.Col lections;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;using System.Data.SqlCl ient;publ ic partial class gridview_fenpage : System.Web.UI.Page
{
)
{
); ";
("");
}
)
{
].ConnectionString;
;();
{
;
();
);
da.Fi l l(ds, "test01");
();
;
();
() +"页";
()+"页";()+"条";
)
{
;
;
;
;
;
;
;
}
)
{
;
;
;
;
}
HostKvm是一家成立于2013年的国外主机服务商,主要提供基于KVM架构的VPS主机,可选数据中心包括日本、新加坡、韩国、美国、中国香港等多个地区机房,均为国内直连或优化线路,延迟较低,适合建站或者远程办公等。本月商家针对全场VPS主机提供8折优惠码,优惠后美国洛杉矶VPS月付5.2美元起。下面列出几款不同机房VPS主机产品配置信息。套餐:美国US-Plan0CPU:1cores内存:1GB硬...
DiyVM是一家比较低调的国人主机商,成立于2009年,提供VPS主机和独立服务器租用等产品,其中VPS基于XEN(HVM)架构,数据中心包括香港沙田、美国洛杉矶和日本大阪等,CN2或者直连线路,支持异地备份与自定义镜像,可提供内网IP。本月商家最高提供5折优惠码,优惠后香港沙田CN2线路VPS最低2GB内存套餐每月仅50元起。香港(CN2)VPSCPU:2cores内存:2GB硬盘:50GB/R...
公司介绍成都随风云科技有限公司成立于2021年,是国内领先的互联网业务平台服务提供商。公司专注为用户提供低价高性能云计算产品,致力于云计算应用的易用性开发,并引导云计算在国内普及。目前公司研发以及运营云服务基础设施服务平台(IaaS),面向全球客户提供基于云计算的IT解决方案与客户服务,拥有丰富的国内BGP、双线高防、香港等优质的IDC资源。公司一直秉承”以人为本、客户为尊、永续创新&...