JPAGES分页控件案例

合集下载

jpage分页

今天，我给大家写出我的一个分页例子，希望对大家有用：首先inbox.jsp<%@page language="java"contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><%@taglib prefix="c"uri="/jsp/jstl/core"%><%@taglib prefix="f"uri="/jsp/jstl/fmt"%><%@taglib prefix="fn"uri="/jsp/jstl/functions"%><html><head><title>无标题文档</title><meta http-equiv="Content-Type"content="text/html; charset=utf-8"/><meta name="viewport"content="width=device-width, initial-scale=1.0"><link rel="stylesheet"href="${pageContext.request.contextPath}/css/jPages.css"><!-- jQuery文件。

务必在bootstrap.min.js 之前引入 --><link rel="stylesheet"href="/twitter-bootstrap/3.0.3/css/bootstrap.min.css"><link rel="stylesheet"href="/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css"><link rel="stylesheet"href="/bootstrap-datepicker/1.3.0/css/datepicker.min.css"><!-- jQuery文件。

java pagehelper条件分页用法

java pagehelper条件分页用法PageHelper是一个Java分页插件，用于MyBatis和MyBatis-Spring集成。

它可以帮助你轻松实现分页功能，而无需修改任何SQL语句。

以下是使用PageHelper进行条件分页的示例：1. 首先，确保你已经将PageHelper添加到你的项目中。

你可以使用Maven或Gradle来添加依赖。

2. 在MyBatis的XML映射文件中，你需要配置一个名为"pagehelper"的插件。

xml复制代码：<plugins><plugininterceptor="com.github.pagehelper.PageHelper"><param name="offsetAsPageNum" value="true"/><param name="rowBoundsWithCount" value="true"/><param name="rowsAffectedExtractorForQuery" value="com.github.pagehelper.stat.RowBoundsWithCount"/> </plugin></plugins>3. 在你的Java代码中，你可以使用PageHelper的helper方法来执行分页查询。

以下是一个示例：java复制代码：import com.github.pagehelper.Page;import com.github.pagehelper.PageHelper;import com.github.pagehelper.PageInfo;import org.apache.ibatis.session.SqlSession;import org.apache.ibatis.session.SqlSessionFactory;// 省略其他导入...public List<User> getUsersByPage(int pageNum, int pageSize, Map<String, Object> params) {// 获取SqlSessionFactory实例SqlSessionFactory sqlSessionFactory = ...; // 获取SqlSessionFactory的方法// 创建SqlSession实例SqlSession session = sqlSessionFactory.openSession();try {// 使用PageHelper进行分页查询PageHelper.startPage(pageNum, pageSize);List<User> users = session.selectList("erMapper.selectUsers", params);// 获取分页信息PageInfo<User> pageInfo = new PageInfo<>(users);return pageInfo.getList(); // 返回当前页的用户列表} finally {session.close();}}在上面的示例中，getUsersByPage方法接受页码和每页大小作为参数，并使用PageHelper进行分页查询。

ipage分页的用法

ipage分页的用法
iPage是一个基于jQuery的分页插件，以下是使用步骤：
1. 引入iPage库。

将iPage库的文件引入到你的网页中。

可以通过将以下代码添加到你的HTML代码中来引入iPage库：
```
<script src=""></script>
```
2. 创建一个分页实例。

需要创建一个iPage实例来管理你的分页。

可以使用以下代码来创建一个实例：
```
var myIpage = new iPage();
```
3. 配置分页参数。

可以设置总页数、每页显示数量、当前页等参数。

例如：
```
(5); //总页数
(10); //每页显示数量
(1); //当前页
```
4. 绑定分页事件。

可以绑定点击页码时的回调函数，可以在此函数中进行数据的异步加载。

例如：
```
(function (page) { // 点击页码时的回调函数
// 在此处进行数据的异步加载
});
```
以上步骤仅供参考，建议访问iPage官网查看更详细的使用说明。

mybatis的pagehelper分页案例

mybatis的pagehelper分页案例
以下是一个使用Mybatis的pagehelper插件进行分页的案例：
1. 添加依赖：在Spring Boot项目中引入pagehelper的依赖。

2. 配置分页插件：在配置文件中配置分页插件，配置内容如下：
```xml
< plugins>
<plugin
interceptor="com.github.pagehelper.PageInterceptor" /> </plugins>
```
3. 设置分页参数：在查询方法中设置分页参数，示例代码如下：
```java
Page<Article> page = articleMapper.findByTitle(title, new Page<Article>(pageNo, pageSize));
```
其中`Article`是实体类，`articleMapper`是对应的mapper接
口，`findByTitle`是查询方法，`title`是查询条件，`new Page(pageNo, pageSize)`是分页参数，分别表示页码和每页显示的条数。

4. 获取分页结果：通过分页对象`page`的方法获取分页结果，示例代码如下：
```java
List<Article> articles = page.getResult();
```
其中`articles`是分页结果。

以上是Mybatis的pagehelper分页案例的基本步骤。

请注意，具体的配置和参数可能因项目而异，你可以根据实际情况进行调整。

pagination 使用示例

pagination 使用示例
Pagination是一种常见的页面分页技术，用于将大量数据分成较小的、更易于管理的部分，以便用户可以逐页浏览。

以下是一个简单的Pagination使用示例：
假设有一个包含100条数据的列表，我们想要将它分成每页10条数据的多个页面。

我们可以使用Pagination来实现这个功能。

首先，我们需要确定每页显示的数据数量。

在这个例子中，我们将每页显示10条数据。

然后，我们需要计算总页数。

使用以下公式可以计算出总页数：总页数= 总数据量/ 每页数据量。

在这个例子中，总页数= 100 / 10 = 10页。

接下来，我们可以在前端页面上创建一个Pagination组件，用于显示当前页码和总页数等信息。

我们还可以添加一些功能，比如上一页、下一页、跳转到指定页等。

当用户点击上一页或下一页按钮时，我们可以通过发送Ajax请求来获取相应页码的数据。

在服务器端，我们可以通过查询数据库来获取对应页码的数据，并将数据返回给前端。

最后，我们可以在前端将获取到的数据显示在列表中。

通过这个简单的Pagination使用示例，我们可以看到Pagination可以帮助用户更好地浏览大量数据，提高用户体验。

在实际开发中，我们可以根据具体需求和场景选择合适的Pagination实现方式。

PageHelper分页插件及相关案例介绍

PageHelper分页插件及相关案例介绍pagehelper是⼀个分页插件,⽤来后端API进⾏分页处理,pagehelper只需要pageNum(当前页)和pageSize(页⼤⼩)就可以⾃动实现查询的分页数据.只对紧接着后续⼀条查询语句起作⽤.项⽬运⾏成功后,查询语句之前加PageHelper.startPage(pageNum, pageSize)即可实现分页,PageHelper只对紧跟着的第⼀个SQL语句起作⽤.分页成功后,实际分会的结果list类型是Page<E> ,可使⽤PageInfo<E>进⾏封装,后⽂有相应源码.pagehelper可以与前端datatables或pagination插件配合使⽤.前端具体插件具体怎么使⽤这⾥不再介绍.1.maven中引⼊依赖<dependency><groupId>com.github.pagehelper</groupId><artifactId>pagehelper-spring-boot-starter</artifactId><version>1.2.3</version></dependency><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId><version>1.16.18</version></dependency>2.controller@GetMapping("/testresult/{project}/{pageNum}/{pagesize}")public ResponseEntity<TestResultResponse>getPhaseSmokeResult(@PathVariable(value="pageNum",defaultValue="1")Integer pageNum,@PathVariable(value="pageSize",defaultValue="6")Integer pageSize,@PathVariable("project")String project){log.debug("REST request to get {} phase smoke result from {} to {} ", project, pageNum, pageSize);TestResultResponse response = smokeResultService.getPhaseSmokeResult(pageNum,pagesize,project);return new ResponseEntity<>(response, HttpStatus.OK);}3.serviceImpl@Overridepublic TestResultResponse getPhaseSmokeResult(Integer pageNum, Integer pagesize, String project) {PageHelper.startPage(pageNum, pagesize);List<SmokeResult> smokeResultList = smokeResultMapper.getPhaseSmokeResult(project);PageInfo<SmokeResult> pageInfo = new PageInfo<>(smokeResultList);TestResultResponse response = new TestResultResponse();response.setProject(project).setPageInfo(pageInfo);return response;}4.entityTestResultResponse类@Data@NoArgsConstructor@AllArgsConstructor@Accessors(chain = true)public class TestResultResponse {private String project;private String version;private String starttime;private String endtime;private String total;private PageInfo pageInfo;}5.PageInfo源码import com.github.pagehelper.Page;import lombok.Data;import java.io.Serializable;import java.util.Collection;import java.util.List;@Datapublic class PageInfo<T> implements Serializable{private static final long serialVersionUID = 1L;//当前页private int pageNum;//每页的数量private int pageSize;//当前页的数量private int size;//由于startRow和endRow不常⽤，这⾥说个具体的⽤法 //可以在页⾯中"显⽰startRow到endRow 共size条数据" //当前页⾯第⼀个元素在数据库中的⾏号private int startRow;//当前页⾯最后⼀个元素在数据库中的⾏号private int endRow;//总记录数private long total;//总页数private int pages;//结果集private List<T> list;//前⼀页private int prePage;//下⼀页private int nextPage;//是否为第⼀页private boolean isFirstPage = false;//是否为最后⼀页private boolean isLastPage = false;//是否有前⼀页private boolean hasPreviousPage = false;//是否有下⼀页private boolean hasNextPage = false;//导航页码数,页码导航连续显⽰的页数private int navigatePages;//所有导航页号private int[] navigatepageNums;//导航条上的第⼀页private int navigateFirstPage;//导航条上的最后⼀页private int navigateLastPage;private int navigateLastPage;public PageInfo() {}/*** 包装Page对象** @param list*/public PageInfo(List<T> list) {this(list, 8);}/*** 包装Page对象** @param list page结果* @param navigatePages 页码数量,页码导航连续显⽰的页数 */public PageInfo(List<T> list, int navigatePages) {if (list instanceof Page) {Page page = (Page) list;this.pageNum = page.getPageNum();this.pageSize = page.getPageSize();this.pages = page.getPages();this.list = page;this.size = page.size();this.total = page.getTotal();//由于结果是>startRow的，所以实际的需要+1if (this.size == 0) {this.startRow = 0;this.endRow = 0;} else {this.startRow = page.getStartRow() + 1;//计算实际的endRow（最后⼀页的时候特殊）this.endRow = this.startRow - 1 + this.size;}} else if (list instanceof Collection) {this.pageNum = 1;this.pageSize = list.size();this.pages = this.pageSize > 0 ? 1 : 0;this.list = list;this.size = list.size();this.total = list.size();this.startRow = 0;this.endRow = list.size() > 0 ? list.size() - 1 : 0;}if (list instanceof Collection) {this.navigatePages = navigatePages;//计算导航页calcNavigatepageNums();//计算前后页，第⼀页，最后⼀页calcPage();//判断页⾯边界judgePageBoudary();}}/*** 计算导航页*/private void calcNavigatepageNums() {//当总页数⼩于或等于导航页码数时if (pages <= navigatePages) {navigatepageNums = new int[pages];for (int i = 0; i < pages; i++) {navigatepageNums[i] = i + 1;}} else { //当总页数⼤于导航页码数时} else { //当总页数⼤于导航页码数时navigatepageNums = new int[navigatePages];int startNum = pageNum - navigatePages / 2;int endNum = pageNum + navigatePages / 2;if (startNum < 1) {startNum = 1;//最前navigatePages页for (int i = 0; i < navigatePages; i++) {navigatepageNums[i] = startNum++;}} else if (endNum > pages) {endNum = pages;//最后navigatePages页for (int i = navigatePages - 1; i >= 0; i--) {navigatepageNums[i] = endNum--;}} else {//所有中间页for (int i = 0; i < navigatePages; i++) {navigatepageNums[i] = startNum++;}}}}/*** 计算前后页，第⼀页，最后⼀页*/private void calcPage() {if (navigatepageNums != null && navigatepageNums.length > 0) {navigateFirstPage = navigatepageNums[0];navigateLastPage = navigatepageNums[navigatepageNums.length - 1]; if (pageNum > 1) {prePage = pageNum - 1;}if (pageNum < pages) {nextPage = pageNum + 1;}}}/*** 判定页⾯边界*/private void judgePageBoudary() {isFirstPage = pageNum == 1;// isLastPage = pageNum == pages;isLastPage = pageNum == pages || pages == 0;hasPreviousPage = pageNum > 1;hasNextPage = pageNum < pages;}}参考链接:。

GridView控件自定义分页详解

GridView控件自定义分页详解在这里我们将用一个隐藏字段来保存这个PageIndex,即当前页码.当点击上一页时,将它的值减一,知道为0,要注意的一点这里的第一页页码是0而不是1.下面看看代码,然后我们再分析分析!1<asp:GridView ID="NewsGrid" runat="server" AutoGenerateColumns="False" AllowPaging="false" Width="100%">2 <Columns>3 <asp:BoundField DataField="NewsId" HeaderText="新闻ID"/>4 <asp:HyperLinkField DataNavigateUrlFields="NewsId" DataNavigateUrlFormatString="~/Details.aspx?ID={0}"5 DataTextField="Title" HeaderText="新闻标题" ItemStyle-Width="70%"/>6 <asp:BoundField DataField="PostTime" HeaderText="发布时间"/>7 <asp:CommandField HeaderText="新闻管理" ShowCancelButton="False" ShowDeleteButton="True"8 ShowEditButton="True"/>9 </Columns>10 </asp:GridView>实用文档11 <div style=" height:16px; padding-top:5px; margin-right:30px; float:right">12 <asp:HiddenField ID="CurrentPage" runat="server" Value="0"/>13 <asp:LinkButton ID="First" runat="server" CommandArgument="first" OnClick="PagerButton_Click">首页</asp:LinkButton>14 <asp:LinkButton ID="Prev" runat="server" CommandArgument="prev" OnClick="PagerButton_Click">上一页</asp:LinkButton>15 <asp:LinkButton ID="Next" runat="server" CommandArgument="next" OnClick="PagerButton_Click">下一页</asp:LinkButton>16 <asp:LinkButton ID="Last" runat="server" CommandArgument="last" OnClick="PagerButton_Click">尾页</asp:LinkButton>17 </div> CS文件中的代码:1 protected void PagerButton_Click(object sender, EventArgs e)2 {3 int pageIndx = Convert.ToInt32(CurrentPage.Value);4 int totals = NewsManager.GetNews(0, pageSize).TotalRecords;5 int pages = (totals % pageSize) == 0 ? (totals / pageSize) : (totals / 实用文档pageSize + 1);6 string arg = ((LinkButton)sender).CommandArgument.ToString().ToLower();7 switch (arg)8 {9 case "prev":10 if (pageIndx > 0)11 {12 pageIndx -= 1;13 }14 break;15 case "next":16 if (pageIndx < pages - 1)17 {18 pageIndx += 1;19 }20 break;21 case "last":实用文档22 pageIndx = pages - 1;23 break;24 default:25 pageIndx = 0;26 break;27 }28 CurrentPage.Value = pageIndx.ToString();29 NewsGrid.DataSource = NewsManager.GetNews(pageIndx , pageSize).Entities;30 NewsGrid.DataBind();31 }如何在GridView中增加效果protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e){//将满足特定条件的行标为高亮if (e.Row.RowType == DataControlRowType.DataRow)//判定当前的行是否属于datarow类型的行实用文档{int money = Convert.ToInt32(DataBinder.Eval(e.Row.DataItem, "MONEY"));//取当前行的列值if (money == 77)e.Row.BackColor = Color.Red;//string customer = (string)DataBinder.Eval(e.Row.DataItem, "CUSTOMER");string customer = DataBinder.Eval(e.Row.DataItem, "CUSTOMER").ToString();if (customer == "sdf")e.Row.BackColor = Color.Red;}//加入鼠标滑过的高亮效果if (e.Row.RowType == DataControlRowType.DataRow)//判定当前的行是否属于datarow类型的行{//当鼠标放上去的时候先保存当前行的背景颜色并给附一颜色e.Row.Attributes.Add("onmouseover", 实用文档"currentcolor=this.style.backgroundColor;this.style.backgroundColor='yellow',t his.style.fontWeight='';");//当鼠标离开的时候将背景颜色还原的以前的颜色e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentcolor,this.style.fontWeight='';");}//单击行改变行背景颜色if (e.Row.RowType == DataControlRowType.DataRow){e.Row.Attributes.Add("onclick","this.style.backgroundColor='#99cc00'; this.style.color='buttontext';this.style.cursor='default';");}如何在GridView中一次性批量更新多行数据2.0下含有DropDownList的GridView编辑、删除的完整例子！<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" PageSize="10"实用文档Width="542px" AllowPaging="True" AllowSorting="True"DataKeyNames="DB31_1,DB31_2" OnRowCancelingEdit="GridView1_RowCancelingEdit"OnRowDeleting="GridView1_RowDeleting"OnRowEditing="GridView1_RowEditing"OnRowUpdating="GridView1_RowUpdating"OnPageIndexChanging="GridView1_PageIndexChanging" OnRowDataBound="GridView1_RowDataBound" OnSelectedIndexChanged="GridView1_SelectedIndexChanged"OnSorting="GridView1_Sorting" ><Columns><asp:TemplateField HeaderText="序号"><ItemTemplate><%# this.GridView1.PageIndex * this.GridView1.PageSize + this.GridView1.Rows.Count + 1%></ItemTemplate></asp:TemplateField>实用文档<asp:TemplateField HeaderText="学历代码" SortExpression="DB1_1"><EditItemTemplate><%--<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("DB1_1") %>'></asp:TextBox>--%><asp:DropDownList ID ="ddlXL"runat="server" DataValueField='<%#Bind("DB1_1") %>'></asp:DropDownList></EditItemTemplate><ItemTemplate><asp:Label ID="Label1" runat="server" Text='<%# Bind("xueliText") %>'></asp:Label></ItemTemplate></asp:TemplateField><asp:TemplateField HeaderText="学历名称" SortExpression="DB1_2"><EditItemTemplate>实用文档<asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("DB1_2") %>'></asp:TextBox></EditItemTemplate><ItemTemplate><asp:Label ID="Label2" runat="server" Text='<%# Bind("DB1_2") %>'></asp:Label></ItemTemplate></asp:TemplateField><asp:TemplateField HeaderText="操作" ShowHeader="False"><EditItemTemplate><asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="True" CommandName="Update"Text="更新"></asp:LinkButton><asp:LinkButton ID="LinkButton2" runat="server" CausesValidation="False" CommandName="Cancel"实用文档Text="取消"></asp:LinkButton></EditItemTemplate><ItemTemplate><asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" CommandName="Edit"Text="编辑" OnClientClick="return confirm('确认要编辑吗？');"></asp:LinkButton><asp:LinkButton ID="LinkButton3" runat="server" CausesValidation="False" CommandName="Delete"Text="删除" OnClientClick="return confirm('确认要删除吗？');"></asp:LinkButton><asp:LinkButton ID="LinkButton2" runat="server" CausesValidation="False" CommandName="Select"Text="选择"></asp:LinkButton></ItemTemplate>实用文档</asp:TemplateField></Columns><AlternatingRowStyle BackColor="Aquamarine" /></asp:GridView>/// <summary>/// 绑定数据到GridView/// </summary>private void GridViewBind(){检索数据库string strSql = "SELECT * FROM DB1";得到数据集this.GridView1.DataSource=conn.GetDs(strSql).Tables[0].DefaultView;this.GridView1.DataBind();实用文档}/// <summary>/// 编辑当前行/// </summary>/// <param name="sender"></param>/// <param name="e"></param>protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e){GridView1.EditIndex = e.NewEditIndex;//当前编辑行背景色高亮this.GridView1.EditRowStyle.BackColor = Color.FromName("#F7CE90");GridViewBind();}/// <summary>实用文档/// 取消编辑状态/// </summary>/// <param name="sender"></param>/// <param name="e"></param>protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e){GridView1.EditIndex = -1;GridViewBind();}/// <summary>/// 删除记录过程/// </summary>/// <param name="sender"></param>/// <param name="e"></param>实用文档protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e){//得到单位编号string rowToDelete =GridView1.DataKeys[e.RowIndex].Values[0].ToString();//转换为整数//int ID=Convert.ToInt32(rowToDelete);//从数据库中删除string str = "DELETE FROM DB1 where DB1_1=" + "'" + rowToDelete + "'" + "";try{conn.RunSql(str);//重新绑定数据实用文档GridViewBind();}catch (Exception ex){Response.Write("数据库错误，错误原因：" + ex.Message);Response.End();}}/// <summary>/// 更新记录过程/// </summary>/// <param name="sender"></param>/// <param name="e"></param>protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)实用文档{string ID = GridView1.DataKeys[e.RowIndex].Values[0].ToString();string DB1_1 =((TextBox)GridView1.Rows[e.RowIndex].FindControl("TextBox1")).Text;//string DB1_2 =((TextBox)GridView1.Rows[e.RowIndex].FindControl("TextBox2")).Text;string DB1_2 =(((DropDownList))GridView1.Rows[e.RowIndex].FindControl("ddlXL")).SelectedI tem.Text;//判断表单项是否有空并给出提示信息if (DB1_1 == "" || DB1_2 == ""){conn.Alert("请输入完整信息！", Page);return;}实用文档try{conn.BuilderEdit("select * from DB1 where DB1_1 ='" + ID + "'");conn.dr["DB1_1"] = DB1_1;conn.dr["DB1_2"] = DB1_2;conn.BuilderEditClose();}catch (OracleException err){if (err.Code.ToString() == "1")conn.Alert("错误：已存在具有相同主键的记录", Page);elseconn.Alert("错误：未能添加记录", Page);}实用文档Response.Write("<script language='javascript'>alert('数据已被保存!');</script>");//返回浏览状态GridView1.EditIndex = -1;GridViewBind();}/// <summary>/// 分页事件/// </summary>/// <param name="sender"></param>/// <param name="e"></param>protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e){GridView1.PageIndex = e.NewPageIndex;GridViewBind();实用文档}/// <summary>/// 加入鼠标效果及为DropDownList绑定值/// </summary>/// <param name="sender"></param>/// <param name="e"></param>protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e){//为DropDownList绑定值if (((DropDownList)e.Row.FindControl("ddlXL")) != null){DropDownList ddlXL = (DropDownList)e.Row.FindControl("ddlXL");ddlXL.Items.Clear();ddlXL.Items.Add(new ListItem("博士", "1"));实用文档ddlXL.Items.Add(new ListItem("硕士", "2"));ddlXL.Items.Add(new ListItem("学士", "3"));}//加入鼠标滑过的高亮效果if (e.Row.RowType == DataControlRowType.DataRow)//判定当前的行是否属于datarow类型的行{//当鼠标放上去的时候先保存当前行的背景颜色并给附一颜色e.Row.Attributes.Add("onmouseover","currentcolor=this.style.backgroundColor;this.style.backgroundColor='yellow',t his.style.fontWeight='';");//当鼠标离开的时候将背景颜色还原的以前的颜色e.Row.Attributes.Add("onmouseout","this.style.backgroundColor=currentcolor,this.style.fontWeight='';");}//单击行改变行背景颜色实用文档if (e.Row.RowType == DataControlRowType.DataRow){e.Row.Attributes.Add("onclick", "this.style.backgroundColor='#99cc00'; this.style.color='buttontext';this.style.cursor='default';");}}2.0下含有CheckBox的GridView删除选定记录实例<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" PageSize="5"2 Width="726px" AllowPaging="True" AllowSorting="True"3 DataKeyNames="DB1_1,DB1_2" OnRowDeleting="GridVie w1_RowDeleting" OnPageIndexChanging="GridView1_PageIndexChanging" OnRowDataBound="GridView1_RowDataBound"OnSorting="GridView1_Sorting" Height="279px" >4 <Columns>实用文档5 <asp:TemplateField HeaderText="序号" >6 <ItemTemplate>7 <%# this.GridView1.PageIndex *this.GridView1.PageSize + this.GridView1.Rows.Count + 1%>8 </ItemTemplate>9 </asp:TemplateField>10 <asp:TemplateField HeaderText="选择" >11 <ItemTemplate>12 <asp:CheckBox ID="chkSelect" runat="server" ></asp:CheckBox>13 </ItemTemplate>14 </asp:TemplateField>15 <asp:TemplateField HeaderText="操作" ShowHeader="False">16 <ItemTemplate>实用文档17 <asp:LinkButton ID="lbtnDelete" runat="server" CausesValidation="False" CommandName="Delete"18 Text="删除" OnClientClick="return confirm('确认要删除吗？');"></asp:LinkButton>19 </ItemTemplate>20 </asp:TemplateField>21 </Columns>22 <AlternatingRowStyle BackColor="Aquamarine" />23 </asp:GridView>1 <asp:CheckBox ID="chkSelectAll" runat="server" Text="全部选中" OnCheckedChanged="chkSelectAll_CheckedChanged"AutoPostBack="True" ></asp:CheckBox>2 <asp:Button ID="btnDelete" runat="server" Text="删除" OnClick="btnDelete_Click" />1 protected void btnDelete_Click(object sender, EventArgs e)2 {实用文档3 string strDelete = "";4 for (int i = 0; i < this.GridView1.Rows.Count; i++)5 {6 string Label;7 bool isChecked =((CheckBox)GridView1.Rows[i].FindControl("chkSelect")).Checked;8 Label = ((Label)GridView1.Rows[i].FindControl("labXH")).Text;9 if (isChecked)10 {11 strDelete = "DB1_1" + "=" + Label;12 }13 }14 conn.RunSql("Delete from DB1 where " + strDelete15 this.chkSelectAll.Checked = false;16 GridViewBind();实用文档17 }1819 protected void chkSelectAll_CheckedChanged(object sender, EventArgs e)20 {21 //遍历GridView行获取CheckBox属性22 for (int i = 0; i < this.GridView1.Rows.Count; i++)23 {24 ((CheckBox)GridView1.Rows[i].FindControl("chkSelect")).Checked = this.chkSelectAll.Checked;25 }26 }实用文档。

分页控件及实例

/// <returns>页数</returns>
private int GetPageCount(int recordCount, int pageSize)
{
if(recordCount % pageSize == 0)
{
return recordCount / pageSize;
using System.Web.UI.HtmlControls;
using System.Collections;
Байду номын сангаас
/// <summary>
/// 分页控件
/// </summary>
public class Pager : erControl
/// 分页存储过程名
/// </summary>
public string Sql
{
set
{
this._sSql = value;
//ViewState["sql"] = value;
}
}
/// <summary>
/// 获取总记录数的存储过程名称
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
#region 属性
/// <summary>
/// 设置DataGrid
/// </summary>
public void SetDataGrid(System.Web.UI.WebControls.DataGrid dg)

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

//需要导入的样式表,与js文件
/**
*css
*jPages.css控制分页按钮条的样式，不需要样式的可以不用导入
*animate.css控制要显示的数据的动画效果,不需要动画可以不用导入
*github.css这个不知道是搞什么的，不导入也没发现改变了什么
*js文件jPages.js和jquery肯定是必须的,其他的就看自己了
*/
<link rel="stylesheet"href="<%=basePath%>css/jPages.css">
<link rel="stylesheet"href="<%=basePath%>css/animate.css">
<link rel="stylesheet"href="<%=basePath%>css/github.css">
<script src="<%=basePath%>js/jquery-1.7.2.js"></script>
<script type="text/javascript"
src="<%=basePath%>js/highlight.pack.js"></script>
<script type="text/javascript"
src="<%=basePath%>js/tabifier.js"></script>
<script src="<%=basePath%>js/jPages.js"></script>
Js代码:
$("#tbody").empty();//删除tbody中已经存在的数据
var str="";
$.ajax({
url:'jq/getShipInfoByShipName.action',
data:{"shipName":$("#shipNameId").val()},//执行后台Action参数
dataType:'json',
type:'post',
//回调函数执行之前的动作
beforeSend:function(){
//这是我设置的一个加载中的图标,trShow为图标显示的行
//在数据加载出来之前,显示加载中这个图标,加载完成,隐藏
$('#trShow').css("display","block");
},
success:function(data){
var result=data;
//返回数据位json格式，遍历json，拼凑成table中的行
for(var i=0;i<result.length;i++){
str+="<tr><td><input type='checkbox'></td>
<td>"+result[i].shipId+"</td><td>"+result[i].shipName+"</td>
<td>"+result[0].remark+"</td></tr>";
}
//追加如tbody中
$("#tbody").append(str);
//执行分页函数,
$(function(){
//设置页数按钮所在的层,
$("div.holder").jPages({
containerID:"tbody",//显示数据所在的块的ID
first:'首页',
last:'尾页',
previous:'上页',
next:'下页',
perPage:12,//每页显示数据为多少行
startPage:1,//起始页
startRange:2,//开始页码为2个
midRange:3,//最多显示几个页码页码,其余用..代替
endRange:2,//结束页码为2个
animation:'wobble',//数据显示的动画效果
keyBrowse:true
});
});
//数据加载完成之后,隐藏加载中这个图标
$('#trShow').css("display","none");
},
error:function(status){
alert('超时');
}
});
Html:
<body>
<div id="container"style="text-align:center;">
<div><input name="shipName"id="shipNameId"/><input type="button"onclick="search()"value="查询"/></div>
<div id="page"class="holder"></div>
<table id="tab"style="height:50px;width:400px;text-align: center;">
<tr>
<th>Check</th>
<th>ID</th>
<th>Name</th>
<th>Remark</th>
</tr>
<tr style="display:none;"id="trShow">
<td colspan="4"align="center">
<div><img src="<%=basePath%>images/loading42.gif"/>
</div>
</td>
</tr>
<tbody id="tbody">
</tbody>
</table>
</div>
</body>。