Paging is a technology that must be applied in Web development. In javaweb technology, beginners generally use the paging technology of SQL statements, and write paging components on this basis. The page passing parameter control layer (servlet or action) calls the paging component method, it is often very troublesome.
However, in actual development, we generally adopt some third-party paging frameworks to make paging quite simple.(Standing on the shoulders of giants)--
Here I will briefly introduce how to use the pager tag library to implement the paging function:1: On the application server, add the following content to the Http://jsptags.com/tags/navigation/pager // can be changed/WEB-INF/JSP/pager-taglib.tld // specifies where the pager-taglib.tld is stored2: To begin.
A common paging component was previously done, but there were some shortages, from page-flipping events and pagination styles to the background code, to page-flipping events that could be customized, to page-and-style and code-separated, and custom paging pager more and more easily expanded.
HtmlHelper Pager Extension
Pager V1.0:
This article uses a detailed implementation to introduce the usage of the asp.net pager page control. If you need it, you can refer to how this article operates and optimize it.
This code is the core function of the pager page control.
The Code is as follows:
Copy code
$. Fn. extend ({JPager: function (cfg, pageIndex, pageSize ){If (cfg pageIndex> 0 pageSize> 0 ){Var token = "#" +
When using a git command that can has a large amount of output (like git log , git diff or git blame ), Git opens the command outpu T in our terminal "pager"; On most modern unix-based systems, the default pager would be ' less '. Learning a few less commands would help us deal with this git command output that opens in the pager. In this lesson, we show some of
ASP. NET paging control 2.0 (Ling. pager)
Main features:
Built-in paging class library perfectly supports complex SQL PagingSupports event paging and URL paging (non-event)Supports the default, Chinese, and English language modes.The default beautiful and concise CSS styleSupport for Microsoft AjaxYou can customize CSS styles.You can set the language or paging format at will.You can enter page numbers to redirect pages.Supports pagination in the d
/// /// Set the pager format of the DataGrid
/// /// /// Public static void datagridpageset (DataGrid dgmain, system. Web. UI. webcontrols. datagriditemeventargs E)
{
If (E. Item. itemtype! = Listitemtype. pager)
{
Return;
}
Tablecell pager = (tablecell) (E. Item. controls [0]);
For (INT I = 0; I {
Control o = pager. c
Here I will briefly introduce how to use the pager tag library to implement the paging function:
1: On the application server, add the following content to the Http://jsptags.com/tags/navigation/pager // can be changed
/WEB-INF/JSP/pager-taglib.tld // specifies where the pager-taglib.tld is stored
2: To begin.
Look at the effect chart first.Perhaps you have already entered the mobile age, but can not deny that the paging communication has given us great convenience, drink from, let us remember the pioneer of digital information---pager.1, new file, width=300,height=220, background color is white,2, with rounded Rectangle tool, in the editing area dragged and drawn a round solution rectangle, fill color for #006633. Open the Object panel, in Roundness. The i
This article mainly introduces the Pager implementation code of JQuery, which has some reference value, interested friends can refer to the examples in this article to share with you the specific implementation code of JQuery Pager for your reference. The specific content is as follows:
:
Code:
Html code:
Page Splitter
I just entered the front-end one months, the first time to share their experience, this time is a pager bar, belowThis is relatively simple, but for the novice is a better harvest;The HTML code is as follows:1 ulclass= "Pagination-db">2 Li>3 a>4 imgsrc= "${admin_images}/admin_v3/icon_left.png">5 a>6 Li>7 Li>8 a>1a>9 Li>Ten Li> One a>2a> A Li> - Li> - a>3a> the Li> - Li> - a>4a> -
Pager-taglib is a good JSP paging tag. It can be used in combination with jstl to implement flexible paging navigation. In actual development, post-based submission is quite common. I have made a general post-based application. Mainly implement the following functions:1. added the input jump and number of records per page Selection Function2. Combine the display data with struts2 to achieve the color change of each row3. No refreshing form submission
After the last article, was rated no technical content, but I think this is not a problem, because the article does not necessarily make all the people benefit, the article or suitable for beginners, or suitable for proficient. But in general, I think it is worthwhile to write an article that inspires people.
And I think this series is mainly in the development of the problems encountered and solutions, it is easy to think of, and after several development iterations to form. Or that sentence,
Brief tutorials
This is a set of very cool vertical pager button animation effect. This set of effects is universally available in 18 effects and can be used to make slide navigation buttons for slides, page transitions, and other container component transitions.
How to use
HTML structure
The following is a animated GIF demo of one of the effects of this set of vertical pager button animation effects:
The
Writing pages manually is good, but too tired. So in the search for a lot of open source paging plug-in on the Internet after selecting the pager-taglib-2.0, this paging plug-in because of simple usage powerful functions can quickly get started, the following gradually achieve the rapid jsp page pages.Overall effect (because there are few records, there are only two pages ):
Page 2:
1. Download pager-tag
1, put the pager-taglib.jar package in the project LIB;2. Introduce the paging tag Library to the JSP page.URI to copy from pager-taglib.jar \ META-INF \ taglib. TLD File3. Specific UseThe outermost side must be the tag, and the items is the total number of records.
-- %> // This section is commented out, because the test of struts2 must be specified in action for use. currentpagenumber is not specified i
define the specific data of the filter when defining each column, if this column does not require the filter function, you can disable the filter function of this column. If no class is defined in the column definition of cgridview, the default value is cdatacolumn. Therefore, filter is one of the attributes of cdatacolumn, we need to know that I have added filter to the sort column and disabled filter in other columns. filter is a drop-down box, so chtml: drodownlist is used to display data. i
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.