ComponentOne Studio - Cloud Business App Edition
Wijmo FlexGrid Screen (Paging)

FlexGrid supports paging to implement paged views in the grid through CollectionView. JS file related to paging automatically gets updated with the code once a user selects Wijmo FlexGrid Screen (Paging) as the screen template. A pager is added for a user to switch to next or previous pages while browsing through records.

This section describes how to use Wijmo FlexGrid Screen (Paging) screen template and add data.

This topic comprises of three steps:

Step 1: Add a Screen

Step 2: Add Data to Screen

Step 3: Build and Run the Project

The following image shows how the FlexGrid appears after completing the steps above:

Step 1: Add a Screen

  1. In the Solution Explorer, right click the client folder of your application (for example: Application1.HTMLClient) and click 'Add Screen...'.
  2. The Add New Screen dialog appears, select the Wijmo FlexGrid Screen (Paging) screen template for your application.

  3. Under Provide screen information, enter "Paging" in the Screen Name text box.
Back to Top

Step 2: Add Data to Screen

The example uses demo data from

  1. Under the Screen Data of the Add New Screen dialog, click the drop-down arrow.
  2. A list of tables appears, select DemoServiceData.Products.

  3. Click OK. The screen, Paging.Isml is added to your application
  4. Paging.Isml page is added to the project under Screens folder, and the screen appears as shown in the image below:

Step 3: Build and Run the Project

  1. Click Build | Build Solution to build the project.
  2. Press F5 to run the project.

Back to Top

See Also



Copyright (c) GrapeCity, inc. All rights reserved.

Documentation Feedback  |  Product Support Forum