Tips_tutorials   >   Studiojs203   >   Studio JS 203 (All Contents)

Introduction

Welcome to the Studio JS 203 tutorial.

When you do a Google search you generally get pages and pages of results. If Google 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.

GoogleResultsPages.gif

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 StudioTips Members only. If you are not currently a StudioTips Member 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.

  1. Create a multi-page remote task by duplicating the rtCountyList remote task.
  2. Modify the Omnis Studio code in our multi-page remote task so that it only fetches and returns a small batch of records.
  3. Modify the HTML code to include a results pages footer is included with hidden input values.
  4. Modify the JavaScript code to send HTTP requests based when the user clicks on a page number in the results pages footer.
  5. 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 Studio JS 201 and 202 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.

  1. F2 Browser > select ContactsWeb
  2. Right-click rtCountryList > select Duplicate
  3. Name the copy rtCountryMultiPageList