关于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");
();
;
();
() +"页";
()+"页";()+"条";
)
{
;
;
;
;
;
;
;
}
)
{
;
;
;
;
}
LayerStack(成立于2017年),当前正在9折促销旗下的云服务器,LayerStack的云服务器采用第 3 代 AMD EPYC™ (霄龙) 处理器,DDR4内存和企业级 PCIe Gen 4 NVMe SSD。数据中心可选中国香港、日本、新加坡和洛杉矶!其中中国香港、日本和新加坡分为国际线路和CN2线路,如果选择CN2线路,价格每月要+3.2美元,付款支持paypal,支付宝,信用卡等!...
BuyVM 商家算是有一些年头,从早年提供低价便宜VPS主机深受广大网友抢购且也遭到吐槽的是因为审核账户太过于严格。毕竟我们国内的个人注册账户喜欢账户资料乱写,毕竟我们看英文信息有些还是比较难以识别的,于是就注册信息的时候随便打一些字符,这些是不能通过的。前几天,我们可以看到BUYVM商家有新增加迈阿密机房,而且商家有提供大硬盘且不限制流量的VPS主机,深受有一些网友的喜欢。目前,BUYVM商家有...
整理一下CloudCone商家之前推送的闪购VPS云服务器产品,数量有限,活动推出可能很快机器就售罄了,有需要美国便宜VPS云服务器的朋友可以关注一下。CloudCone怎么样?CloudCone服务器好不好?CloudCone值不值得购买?CloudCone是一家成立于2017年的美国服务器提供商,国外实力大厂,自己开发的主机系统面板,CloudCone主要销售美国洛杉矶云服务器产品,优势特点是...