ColdFusion Language
ColdFusion Language

How to display Navigation buttons in Coldfusion

Hi,

I have items in the table and am displaying 4 items per row. But it displays all items (or records) from the items table.
How can I add [First][Prev] .... [Next] [Last] buttons so that each page only displays three rows of items?
I have also seen [1][2][3] ...[Last] also.
Both methods will work whichever is simpler.

Thanks.

Here is the current code:

<TABLE>
      <cfoutput query="GetFeaturedItems">
      <td align="center" >
       <table>
       <tr>
             <TD align="center" bgcolor="white">
              <table>
                   <tr><td>Title: #Title#</td></tr>
                  <tr><td>Item No:#ItemNo#</td></tr>
</table>
</TD>
       </tr>
       </table>
      </td>
<cfif GetFeaturedItems.currentRow mod 4 eq 0>
<cfif GetFeaturedItems.currentRow gt 1>
</tr>
</cfif>
<tr>
</cfif>
</cfoutput>
</table>

LVL 1

sgleeAsked: 2015-09-28

Who is Participating?

Experts Exchange Solution brought to you by

Enjoy your complimentary solution view.

Get every solution instantly with Premium. Start your 7-day free trial.

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

LVL 56

Ryan ChongBusiness Systems Analyst , ex-Senior Application EngineerCommented: 2015-09-28

so the trick could be to get the "previous record Unique ID" and the "Next record Unique ID" in your SQL statement. so that when you populate the data into HTML, we can where we are navigate to...

for example. you can read this article:

ColdFusion and Pagination
http://www.raymondcamden.com/2006/04/24/ColdFusion-and-Pagination

ColdFusion and Pagination – Six Years Later
http://www.raymondcamden.com/2012/06/22/ColdFusion-and-Pagination-Six-Years-Later

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial

LVL 16

Gurpreet Singh RandhawaCEOCommented: 2015-10-01

create a custom tag like this:

Code:

<CFPARAM Name="CurrentPage" Default="1">	<!---	Default the page listing to 1	--->

<!---	Get all products for product listing	--->
<CFQUERY NAME="GetItems" DATASOURCE="#dsn#">
	SELECT * FROM Products
</CFQUERY>

<!---	CF_PageThru will help us break up the product listing into pages.
	The ADDEDPATH parameter is used to pass the search parameter CLASS
	through the links of the generated page-through navigation.
--->
<CF_PAGETHRU TOTALRECORDS="#GetItems.RecordCount#" CURRENTPAGE="#CurrentPage#"
	TEMPLATEURL="#SCRIPT_NAME#" ADDEDPATH="&Class=#Class#">

Open in new window

attached files for pagination, just remove the .txt extension from the end of the cfm file.
CF_PAGETHRU.zip

LVL 1

sgleeAuthor Commented: 2015-10-01

@Ryan
That worked fine. Thank you.

@myselfrandhawa
I downloaded CF_PAGETHRU.zip and renamed pagethru.txt to pagethru.cfm.
Then I placed pagethru.cfm in the same folder where I have pagination.cfm that has the code in ID: 41019483.
When I run pagination.cfm, I get an error: "Variable CLASS is undefined."
Obviously I did not handle pagethru.cfm correctly.