Tips_tutorials > Studiojs203 > Studio JS 203 (All Contents)
Introduction
Welcome to the tutorial.
When you do a search you generally get pages and pages of results. If fetched and returned all of the results to a single web page you would have a very long web page to scroll down through, and it would take a very long time for your browser to display the single page of results.
To solve this problem web designers came up with the interface of displaying a limited number of records on the web page and a adding footer that tells the number of pages of results and hyperlinks which the user can click to fetch and display any page of the results.
In this tutorial we will write the code for handling multiple pages of search results for our Omnis Studio ultra-thin web app.
This tutorial is provided to only. If you are not currently a please go to www.studiotips.net and click the link provided for becoming a StudioTips Member. The cost of membership is minimal and helps to cover the time and expense of creating these tutorials and maintaining the studiotips.net website.Overview
The following is an overview of what we will do in this tutorial.
- Create a multi-page remote task by duplicating the rtCountyList remote task.
- Modify the Omnis Studio code in our multi-page remote task so that it only fetches and returns a small batch of records.
- Modify the HTML code to include a results pages footer is included with hidden input values.
- Modify the JavaScript code to send HTTP requests based when the user clicks on a page number in the results pages footer.
- Modify the Omnis Studio code in our multi-page remote task to return the results for a specified page.
Getting Started
This tutorial continues with the ContactsWeb.lbs library that you have been developing in the and tutorials.
If you don't have a good copy of the ContactsWeb.lbs library you can download one from the studiotips.net website.
www.studiotips.net/downloads/StudioJS203_begin.zip
Unzip the file after you download it and open the ContactsWeb.lbs file.Multi-Page Remote Task
Create the remote task which we will be using for our multi-page results.
- > select ContactsWeb
- Right-click rtCountryList > select
- Name the copy rtCountryMultiPageList