1. 程式人生 > >JSP 分頁公用控制元件

JSP 分頁公用控制元件

            <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>


<script src="<c:url value="/js/page.js" />"></script>


<c:if test="${_collection.getPageNo() != null && _collection.getPageSize() != null}">


  <%-- 翻頁基本資訊 --%>
  <c:set var="_pageNo" value="${_collection.getPageNo()}" />
  <c:set var="_pageSize" value="${_collection.getPageSize()}" />
  <c:set var="_pageAmount" value="${_collection.getPageAmount()}" />


  <%-- 確定翻頁顯示的按鈕 --%>
  <c:set var="_beginPage" value="${1}" />
  <c:set var="_endPage" value="${_pageAmount}" />
  <c:if test="${_pageNo - 1 > 0}">
    <c:set var="_beginPage" value="${_pageNo - 1}" />
  </c:if>
  <c:if test="${_pageAmount - _beginPage > 2}">
    <c:set var="_endPage" value="${_beginPage + 2}" />
  </c:if>
  <c:if test="${_endPage - 2 > 0}">
    <c:set var="_beginPage" value="${_endPage - 2}" />
  </c:if>


  <div class="PageNumber">


    <c:if test="${_pageNo != 1 && _pageAmount != 0}">
      <div><a href="#" class="OnPage page-prev" title="上一頁" data-page-jump="${_pageNo - 1}"></a></div>
    </c:if>


    <c:forEach begin="${_beginPage}" end="${_endPage}" var="_pageIndex">
      <div><a href="#" class="number page-jump" data-page-jump="${_pageIndex}">${_pageIndex}</a></div>
    </c:forEach>


    <c:if test="${_pageNo != _pageAmount && _pageAmount != 0}">
      <div><a href="#" class="UnderPage page-next" title="下一頁" data-page-jump="${_pageNo + 1}"></a></div>
    </c:if>


    <div class="page_box">
      <span class="Pagetext">第</span>
      <input class="numbertext page-no" name="page-no" type="text" value="${_pageNo}"/>
      <span class="Pagetext">頁</span>
    </div>


    <div class="Pagetext"><span class="gong"> 共&nbsp;${_pageAmount}&nbsp;頁</span></div>


    <div class="page_box1">
      <span class="Pagetext">每頁</span>
      <input class="numbertext page-size" name="page-size" type="text" value="${_pageSize}"/>
      <span class="Pagetext">條</span>
    </div>


    <input type="button" class="PageButton page-refresh" value="刷&nbsp;新"/>
  </div>
</c:if>

相關推薦

JSP 公用控制元件

            <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false" %> <%@ taglib prefix="c" uri=

VB.NET學習筆記:WinForm自定義DataGridView組合控制元件

測試環境:windows 7和Microsoft Visual Studio 2015 點選下載本文資源 VB.NET雖然提供了大量控制元件供我們使用,但很多控制元件僅提供最基礎的功能。比如用DataGridView控制元件可以非常方便顯示或操作資料庫資料, 但卻沒有分頁功能。本文

可自由新增到指定位置的控制元件(支付寶淘寶效果)

LGFFreePT 可自由新增到指定位置的分頁標控制元件 製作目的 想要把分頁標放在檢視任意位置 把分頁用的子控制器 Page

jsp技術

from colspan pooled dispatch 方法 記錄 對象 pac 來源   如果一張表的數據有非常多,頁面就需要分頁展示,但一次性從數據庫中讀取全部的數據會給服務器帶來巨大壓力。jsp分頁技術的設計思想來源於“select * from employee

JSP---假的實現

昨天寫了一個真分頁的資料庫查詢,今天本來想寫個假分頁,但在瀏覽時候發現了一個寫的比較詳細的假分頁知識,下面分享一下:首先貼上原文連結--https://www.cnblogs.com/yfsmooth/p/4774326.html 首先還是來總結一下真假分頁的優缺點和特性吧。 假分頁:從資料

目前最好的JSP技術

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!        

Django器(paginator)元件

 Django分頁器(paginator)元件 from django.core.paginator import Paginator from django.core.paginator import Paginator 先拿到分頁器物件 paginator =

JSP技術實現

                     目前比較廣泛使用的分頁方式是將查詢結果快取在HttpSession或有狀態bean中,翻頁的時候從快取中取出一頁資料顯示。這種方法有兩個主要的缺點:一是使用者可能看到的是過期資料;二是如果資料量非常大時第一次查詢遍歷結果集會耗費很長時間,並且快取的資料也會佔用大量記憶

vue基於elementUI整合搜尋與的grid元件

檔案grid.vue為表格元件 index.vue為使用grid元件的demo result.json為結果的json檔案 在grid元件中想要回調父元件中的方法需要在grid元件中宣告: v-on:onDataBound="onDataBound" onDataBound=

dede:list控制文章標題顯示字數

關於dedecms分頁,百度上也有許多教程,本人記性不好所以寫個部落格儲存下來pagesize控制每頁顯示條數在{/dede:list}結束標籤 ,後邊寫上{dede:pagelist ..../}標籤即可如何控制文章顯示字,讓溢位部分用“...”代替呢,其實很簡單給[fil

Mabits的PageHelper外掛的使用和Jsp頁面展示(帶原始碼)

1.在Maven使用分頁外掛,修改pom.xml檔案 匯入包,本次使用的是4.0.0的版本 <properties> <pagehelper.version>4.0.0</pagehelper.version> </p

jsp介紹及其實現方法

<%@ page contentType="text/html; charset=gb2312" %> <%@page import="com.communal.UserDao"%> <%@page import="java.util.List"%> <%@page

jsp中插入時間控制元件

因工作需要,要實現資料庫篩選功能,對於時間的篩選通過控制元件進行載入,具體方法如下: 1.下載My97DatePicker專案包 2.將該專案包解壓後加載到WebRoot的Js資料夾下,載入方法:Js->Import->File System,找到你解壓檔案的

jsp技術的實現

這是我們所要的效果 但是怎麼用程式碼實現呢,那摩讓我們先來分析一下吧! 第一步分析我們做分頁需要什麼資料: 我們從兩個方向來分析:1 頁面方向,2 servlet方向 一 ,頁面方向 1 當前頁 currPageCode 2  總 頁數 totalPage 3一頁中的記

jsp的處理(SSM框架舉例)

首先我們需要一個工具類Page類來表達: import java.util.List; public class Page { private int everyPage = 10; //每頁顯示的條數 private int totalCount; //

jsp頁面呼叫ocx控制元件

1.ID:為控制元件提供一個標識名稱,為HTML程式碼提供一種訪問該控制元件的方式。 2.CLASSID:是該控制元件唯一的UUID,告訴IE裝入哪個物件。如果使用已經開發好的控制元件,它的CLASSID可以通過呼叫Win95或NT下的應用Regedit來查詢。從開始選單中執行該程式,展開HKEY_CLASS

JSPc:foreach程式碼以及效果新聞釋出系統

我們實訓周做了一個新聞釋出系統,也就是今天2015年10月10號週六,剛過完國慶,今天加課,我做了新聞類別的增刪改查,耗費了倆個小時做出來了分頁,值得讓我記錄一下,挺費勁的 下面是實現的JSP用到c: foreach的標籤庫結構實現分頁 <%@ pag

JSP顯示資料

最近在做一個小程式,用到了JSP的分頁。雖然只是最簡單的分頁,但是還是花了我不少時間。這看似簡單的功能,實現起來還是稍微有點麻煩。實現分頁功能,需要知道資料的總個數,每頁應該有多少條資料,以及當前頁碼。假如總共有300條資料,每頁20條,那麼應該就有15頁;假設

jsp顯示查詢結果

<%@ page contentType="text/html;charset=gb2312" %> <%@ page language="java" import="java.sql.*" %> <script language="jav

利用AJAX是想JSP頁面的單個控制元件的後臺校驗

xml: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ include file="../../../../common/common-js.jsp"%