Card View Tutorial. Step 4: Editors And Repository

• Aug 02, 2022
• 2 minutes to read

In the previous lesson, we set up the View’s look & feel using the View options. The result is demonstrated in the following image:

This topic explains how to use the ExpressEditors as in-place editors within the ExpressQuantumGrid.

You can assign editors to card row cells in two ways:

1. Change the properties of individual card rows. This method is described in the following tutorial lesson.

2. Using the ExpressEditors Repository. With this repository, you can assign editor properties to many card rows. See the TcxEditRepository class description and the Data Editing Using Inplace Editors topic for more information.

Let’s consider the first method.

Activate the Component Editor, switch to the Card rows tab and select the cvCarsTransmissAutomatic row. Invoke the Object Inspector and use the combo box for the Properties property. Select CheckBox from the dropdown list:

Expand the Properties group and set the Properties.ValueChecked property value to “Yes” and the Properties.ValueUnchecked property value to “No”. The result is shown in the image below:

Activate the Component Editor again and select the cvCarsDescription row. Set the Properties property value to BlobEdit:

Expand the Properties group and set the Properties.BlobPaintStyle property to bpsText and the Propeties.MemoScrollBars property to ssVertical:

Run the application and invoke the editor dropdown of the Description row to display the entire cell value:

Now we will assign an appropriate editor to the Picture row:

• Select the row and set its Properties property to BlobEdit.

• Expand the Properties property and set the Properties.BlobEditKind property to bekPict.

• Set the Properties.PictureGraphicClassName property value to TJPEGImage.

The result is shown in the following screenshot:

See the next topic for details on improving the grid’s appearance.