实现GridView翻页并且实现CheckBox选中功能的保持
在GridView与数据库进行绑定后,由得到的数据记录可能有许多条,以至一个页面无法容纳,这时需要进行多页显。
要实现分页显现,只要使用分页类 "PagedDataSource" 或者只对GridView的AllowPaging属性设为true。即可
一般情况下,如下代码可以实现分页显示。 //使第一种方法:PagedDataSource类加上Linq技术来实现
//页面代码:--------------------------------
<table cellpadding="0" cellspacing="0" class="style2" border="1" style="margin-left: 100px;">
<tr class="style3" style="background-color: #659ACE">
<td colspan="2">
>><span class="style4">创建地址本</span>
<asp:Label ID="lblsuccedd" runat="server" Style="margin-left: 400px" ForeColor="Red"></asp:Label>
</td>
</tr>
<tr class="style3">
<td class="style9">
地址本名称:
</td>
<td class="style8">
<asp:TextBox ID="txtBookName" runat="server" Width="211px"></asp:TextBox>
<asp:Button ID="BtnCreateBook" runat="server" Text="创建" Width="49px" Style="margin-left: 40px;"
OnClick="BtnCreateBook_Click" />
<asp:RequiredFieldValidator ID="RFValiTotxtBookName" runat="server" Display="Dynamic"
ControlToValidate="txtBookName" ErrorMessage="地址本名不能为空!" Style="margin-left: 100px"></asp:RequiredFieldValidator>
</td>
</tr>
<tr class="style3">
<td class="style10">
备注:
</td>
<td class="style6">
<asp:TextBox ID="txtRemark" runat="server" Height="82px" TextMode="MultiLine" Width="213px">这家伙什么也没有留下!</asp:TextBox>
</td>
</tr>
<tr class="style3">
<td class="style10">
选择联系人:
</td>
<td class="style5">
<asp:GridView ID="GVShow" runat="server" AutoGenerateColumns="False" Width="100%"
BackColor="White" BorderColor="White" BorderStyle="Ridge" BorderWidth="2px" CellPadding="3"
CellSpacing="1" GridLines="None" DataKeyNames="Userid" PageSize="5">
<RowStyle BackColor="#DEDFDE" ForeColor="Black" />
<Columns>
<asp:TemplateField ItemStyle-Width="50px" HeaderStyle-Width="50px">
<HeaderTemplate>
<input id="CheckAll" type="checkbox" onclick="CheckBoxAll();" />
</HeaderTemplate>
<ItemTemplate>
<center>
<asp:CheckBox ID="userCheck" runat="server" onclick="ForCheckBox();" />
</center>
</ItemTemplate>
<HeaderStyle Width="50px"></HeaderStyle>
<ItemStyle Width="50px"></ItemStyle>
</asp:TemplateField>
<asp:TemplateField>
<HeaderTemplate>
登陆名
</HeaderTemplate>
<ItemTemplate>
<%# eval_r("LoginName") %>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<HeaderTemplate>
昵称
</HeaderTemplate>
<ItemTemplate>
<%# eval_r("UserName") %>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<HeaderTemplate>
性别
</HeaderTemplate>
<ItemTemplate>
<%# WebHelp.StrSex(eval_r("UserSex").ToString()) %>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<HeaderTemplate>
电话
</HeaderTemplate>
<ItemTemplate>
<%# eval_r("UserPhone") %>
</ItemTemplate>
</asp:TemplateField>
</Columns>
<FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
<PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
<SelectedRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />
<EmptyDataTemplate>
没有任何注册用户信息
</EmptyDataTemplate>
</asp:GridView>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<asp:Button ID="btnPageTop" runat="server" Text="上一页" OnClick="btnPageTop_Click"
CausesValidation="false" />
<asp:Button ID="btnPageDec" runat="server" Text="下一页" OnClick="btnPageDec_Click"
CausesValidation="false" />
<asp:DropDownList ID="drpList" runat="server">
</asp:DropDownList>
<asp:Button ID="btnPages" runat="server" Text="跳转" OnClick="btnPages_Click" CausesValidation="false" />
第<asp:Label ID="lblPageCurrent" runat="server" Text="1"></asp:Label>
页 / 共<asp:Label ID="lblPageCount" runat="server" Text=""></asp:Label>
页
</td>
</tr>
</table>
//底层逻辑--------------------------- //使第一种方法:PagedDataSource类加上Linq技术来实现
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class Common_CreateAddressBook : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
BindGridView();
// 注意一定要先 将Session["check"]转换成List<String> 类型
Session["check"] = new List<String>();
}
}
//绑定GridView
private void BindGridView()
{
//Linq To Sql
DataClassesDataContext dc = new DataClassesDataContext();
var dome = from info in dc.Userinfo where info.Roleid == 0 select info;
//分页类
PagedDataSource pds = new PagedDataSource();
//打开分页功能
pds.AllowPaging = true;
//数据源
pds.DataSource = dome.ToList();
//每页显示数据
pds.PageSize = 5;
//当前页
pds.CurrentPageIndex = int.Parse(lblPageCurrent.Text) - 1;
//显示总页数
lblPageCount.Text = pds.PageCount.ToString();
//在下拉列表中添加数据
drpList.Items.Clear();
for (int i = 1; i <= pds.PageCount; i++)
{
drpList.Items.Add(i.ToString());
}
//同步当前页
drpList.SelectedIndex = int.Parse(lblPageCurrent.Text) - 1;
//按钮问题
btnPageTop.Enabled = true;
btnPageDec.Enabled = true;
if (lblPageCurrent.Text == "1")
{
btnPageTop.Enabled = false;
}
if (lblPageCurrent.Text == (pds.PageCount).ToString())
{
btnPageDec.Enabled = false;
}
GVShow.DataSource = pds;
GVShow.DataBind();
SelectCheckBoxKeep();
}
//上一页
protected void btnPageTop_Click(object sender, EventArgs e)
{
PageKeepCheckBox();
lblPageCurrent.Text = (int.Parse(lblPageCurrent.Text) - 1).ToString();
BindGridView();
}
//下一页
protected void btnPageDec_Click(object sender, EventArgs e)
{
PageKeepCheckBox();
lblPageCurrent.Text = (int.Parse(lblPageCurrent.Text) + 1).ToString();
BindGridView();
}
protected void btnPages_Click(object sender, EventArgs e)
{
PageKeepCheckBox();
lblPageCurrent.Text = drpList.Text;
BindGridView();
}
/// <summary>
/// GridView翻页与checkbox保持功能的实现 当点击翻页时保存数据发生
/// </summary>
private void PageKeepCheckBox()
{
List<string> lis = new List<string>();
lis = Session["check"] as List<String>;
string str = "";
//循环GridView中的每一行
foreach (GridViewRow item in GVShow.Rows)
{
//取出DataKeyNames中绑定的数据 (DataKeys是取出DataKeyNames中的数据)
str = (GVShow.DataKeys[item.RowIndex].Value).ToString();
//查找每一行中的CheckBox按钮
CheckBox Check = item.FindControl("userCheck") as CheckBox;
//如果行中的CheckBox被选中,将选中的数据放到List中去
if (Check.Checked)
{
//当List中不包含此数据
if (!lis.Contains(str))
{
lis.Add(str);
}
}
//否则移除
else
{
if (lis.Contains(str))
{
lis.Remove(str);
}
}
}
if (lis != null || lis.Count > 0)
{
Session["check"] = lis;
}
}
/// <summary>
/// 将以前选中的所有项打上标记 在GridView显示之后发生
/// </summary>
private void SelectCheckBoxKeep()
{
int i = 0;
//得到Session["check"]
List<String> lis = Session["check"] as List<String>;
//如果lis中有数据
if (lis != null && lis.Count > 0)
{
foreach (GridViewRow item in GVShow.Rows)
{
i = Convert.ToInt32(GVShow.DataKeys[item.RowIndex].Value);
//如果lis中包含此数据,就设置本行中的CheckBox控件为选中
if (lis.Contains(i.ToString()))
{
CheckBox check = item.FindControl("userCheck") as CheckBox;
check.Checked = true;
}
}
}
}
}
实现GridView翻页并且实现CheckBox选中功能的保持的更多相关文章
- easyUI datagrid中checkbox选中事件以及行点击事件,翻页之后还可以选中
DataGrid其中与选择,勾选相关 DataGrid属性:singleSelect boolean 如果为true,则只允许选择一行. false ctrlSelect boolean 在启用多行选 ...
- GridView 翻页 索引超出范围
事件回顾 今天GridView翻页时,又遇到错误:索引超出范围.必须为非负值并小于集合大小. 这是当时的PageIndexChanging和RowCommand两个事件的后台代码 protected ...
- flex布局构建大屏框架并支持翻页动画、滚动表格功能
本文将利用flex属性构建大屏可视化界面.界面主要分标题栏.工具栏.数据可视化窗口.其中,翻页动画以及滚动表格功能分别分布在数据可视化界面两侧. 鼠标点击标题,可看到左侧窗口翻转动画: 整体布局效 ...
- bootstrap table 复选框选中后,翻页不影响已选中的复选框
使用的 jquery版本为 2.1.1 在项目中发现bootstrap table的复选框选中后,翻页操作会导致上一页选中的丢失,api中的 bootstrapTable('getSelections ...
- react 使用antd的在图片列表或表格中实现点击其他元素Checkbox选中功能
antd官网上的Checkbox功能只能单独使用,在表格中加入Checkbox也只能点击Checkbox按钮才能实现选中或取消功能 如果我们要实在表格行中点击或在图片列表中点击图片就能实现选中或取消, ...
- jQuery easyUI的datagrid,如何在翻页以后仍能记录被选中的行
1.先给出问题解决后的代码 <%@ page language="java" import="java.util.*" pageEncoding=&quo ...
- 移动端翻页插件dropload.js(支持Zepto和jQuery)
一. 声明 代码来源:github上的dropload项目. 二. 问题 dropload.js提供了最基本的上拉翻页,下拉刷新功能.对于由服务端一次返回所有数据的情况基本通用. 但是,需求往往不是服 ...
- 通过js实现整屏滑动+全屏翻页+动画展示+线性图
技术:html+css+jquery+jquery-ui.js+jquery.fullPage.js 概述 本demo主要通过html+css+js实现整屏滑动,全屏翻页并带动画的功能效果,借助于 ...
- jq:翻页时,保存上页多选框checkbox选中状态
这里主要讲一种:中间的 checkbox 是 通过Ajax调出的. 则翻页时,为了保存上页的选定状态,可在页面中定义一个变量,用来存储选中状态的值. <input class="cli ...
随机推荐
- github 使用记录
安装客户端tortoiseGit 是服务端,要想在自己电脑上使用git我们还需要一个git客户端,我这里选用TortoiseGit,他给我们提供了图形界面的操作.在安装之前首先需要安装git,下载地址 ...
- UDP"打洞"原理
1. NAT分类 根据Stun协议(RFC3489),NAT大致分为下面四类 1) Full Cone 这种NAT内部的机器A连接过外网机器C后,NAT会打开一个端口.然后外网的任何发到这个打开的端口 ...
- Android-NDK编译:cocos2d-x(二)
看了看NDK的文档....里面总是莫名的会提下windows需要cygwin环境... 但是cocos2d-x3.0alpha1 中, 编译samples的python脚本 cocos2d-x3/bu ...
- 自动化测试管理平台ATMS(V2.0.3_8.28)下载
自动化测试管理平台ATMS(V2.0.3_8.28)下载http://automationqa.com/forum.php?mod=viewthread&tid=2845
- 本人独立博客:http://www.zjmainstay.cn
为了方便各种管理,本人创建了独立博客,博客地址:http://www.zjmainstay.cn 欢迎新老朋友围观.
- Windows batch,echo到文件不成功,只打印出ECHO is on.
jenkins 执行Windows batch command的时候,如果想要读写文件,echo到文件不成功. bat 代码如下: set ctime=%date%_%time% echo %ctim ...
- 译:C#面向对象的基本概念 (Basic C# OOP Concept) 第三部分(多态,抽象类,虚方法,密封类,静态类,接口)
9.多态 Ploy的意思就是多于一种形式.在文章开始,方法那一章节就已经接触到了多态.多个方法名称相同,而参数不同,这就是多态的一种. 方法重载和方法覆盖就是用在了多态.多态有2中类型,一种是编译时多 ...
- cwRsync window下的跨服务器的文件同步
cwRsync 是window下的文件同步软件,可以跨服务器运行,第一次运行的时候是全部备份同步,之后的同步采用的是增量同步 这个软件分为服务端和客户端. 服务器是需要同步的文件源, 客户端相当于是备 ...
- mysql 显示行号,以及分组排序
建表: CREATE TABLE `my_tb` ( `id` ) NOT NULL AUTO_INCREMENT, `parent_code` ) DEFAULT NULL, `code` ) DE ...
- Exploring Ionic Lists
Infinite Lists 由于手机不适合使用多页面显示posts,Infinite Lists成为各种新闻.咨询类app的标配.为了在ionic框架中使用到Infinite Lists,我们首先学 ...