Wijmo FlexGrid Screen (Scrolling)

FlexGrid provides Wijmo FlexGrid Screen (Scrolling) screen template to enable scrolling in FlexGrid. Users can experience smooth scroll through large data sets without suffering any performance delay.

This section describes how to use Wijmo FlexGrid Screen (Scrolling) 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

In the Solution Explorer, right click the client folder of your application (for example: Application1.HTMLClient) and click 'Add Screen...'.
The Add New Screen dialog appears, select the Wijmo FlexGrid Screen (Scrolling) screen template for your application.
Under Provide screen information, enter "Scrolling" in the Screen Name text box.

Step 2: Add Data to Screen

The example uses demo data from http://lsdemo.componentone.com/DataServices/Demo.svc.

Under the Screen Data of the Add New Screen dialog, click the drop-down arrow.
A list of tables appears, select DemoServiceData.Products.
Click OK. The screen, Scrolling.Isml is added to your application
Scrolling.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

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