关于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");
();
;
();
() +"页";
()+"页";()+"条";
)
{
;
;
;
;
;
;
;
}
)
{
;
;
;
;
}
阿里云(aliyun)在这个月又推出了一个金秋上云季活动,到9月30日前,每天两场秒杀活动,包括轻量应用服务器、云服务器、云数据库、短信包、存储包、CDN流量包等等产品,其中Aliyun轻量云服务器最低60元/年起,还可以99元续费3次!活动针对新用户和没有购买过他们的产品的老用户均可参与,每人限购1件。关于阿里云不用多说了,国内首屈一指的云服务器商家,无论建站还是学习都是相当靠谱的。活动地址:h...
百纵科技湖南百纵科技有限公司是一家具有ISP ICP 电信增值许可证的正规公司,多年不断转型探索现已颇具规模,公司成立于2009年 通过多年经营积累目前已独具一格,公司主要经营香港服务器,香港站群服务器,美国高防服务器,美国站群服务器,云服务器,母机租用托管!美国CN2云服务器,美国VPS,美国高防云主机,美国独立服务器,美国站群服务器,美国母机。美国原生IP支持大批量订货 合作 适用电商 亚马逊...
欧路云(oulucloud) 商家在前面的文章中也有陆续介绍过几次,这不今天有看到商家新增加美国Cera线路的VPS主机,而且有提供全场八折优惠。按照最低套餐最低配置的折扣,月付VPS主机低至22元,还是比较便宜的。不过我们需要注意的是,欧路云是一家2021年新成立的国人主机商,据说是由深圳和香港的几名大佬创建。如果我们有介意新商家的话,选择的时候谨慎且月付即可,注意数据备份。商家目前主营高防VP...