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

FlexGrid has built-in support for fast, in-cell editing like Excel. Users can start editing by typing into any cell without having to add extra columns with Edit buttons. This puts the cell in quick-edit mode, wherein pressing Enter key finishes the editing and moves the selection to a different cell.

Data is automatically coerced to the proper type when editing finishes. If the user enters invalid data, the edit is cancelled and the original data remains in place. To disable editing at the row, column or grid levels, use the isReadOnly property.

This section describes how to use Wijmo FlexGrid Screen (Editing) 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 (Editing) screen template for your application.

  3. Under Provide screen information, enter "FlexGridEditing" 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, FlexGridEditing.Isml is added to your application
  4. FlexGridEditing.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