A newer version of this page is available. Switch to the current version.

Included Components

  • 4 minutes to read

This topic describes the components available from the WPF Data Editors library.

This topic contains the following sections.

Overview

Toolbox

The WPF Data Editors library contains a set of editors and simple controls that can be used in WPF applications.

Each editor provides a specific functionality that is required for editing data values of a certain type. In the Visual Studio IDE,

all Data Editors and Simple Controls components are available on the DX.19.1.WPF: Common Controls toolbox tab.

WPF Data Editors are designed to be used in the following ways.

  • As a standalone control

    The code sample below demonstrates how to use the BarCodeEdit control to display a bar code.

    <dxe:BarCodeEdit Width="150" Height="60" EditValue="9780470500835">
        <dxe:BarCodeEdit.StyleSettings>
            <dxe:EAN13StyleSettings />
        </dxe:BarCodeEdit.StyleSettings>
    </dxe:BarCodeEdit>
    

    The image below demonstrates the result.

    WPF_BarCodeEdit_standalone

  • As an in-place control

    DevExpress WPF data editors can be used for in-place editing within the container control such as GridControl or Bars. To embed a specific editor in a container control, create a BaseEditSettings descendant that corresponds to a specific editor type. This object provides the implementation of all the editor properties that allow the in-place editor to be fully customized. A container control (e.g., GridControl) uses information provided by the EditSettings classes to create fully-functional editors when required.

    The code sample below demonstrates how to display barcodes within the GridControl using the in-place BarCodeEdit editors.

    <dxg:GridControl Name="grid">
        <dxg:GridControl.View>
            <dxg:TableView />
        </dxg:GridControl.View>
        <dxg:GridControl.Columns>
            <dxg:GridColumn FieldName="ProductName" />
            <dxg:GridColumn FieldName="QuantityPerUnit"/>
            <dxg:GridColumn FieldName="UnitPrice"/>
            <dxg:GridColumn FieldName="EAN13" >
                <dxg:GridColumn.EditSettings>
                    <!-- The BarCodeEditSettings objects allows you to -->
                    <!-- fully customize the in-place BarCodeEdit settings -->
                    <dxe:BarCodeEditSettings ShowText="False">
                        <dxe:BarCodeEditSettings.StyleSettings>
                            <dxe:EAN13StyleSettings />
                        </dxe:BarCodeEditSettings.StyleSettings>
                    </dxe:BarCodeEditSettings>
                </dxg:GridColumn.EditSettings>
            </dxg:GridColumn>
        </dxg:GridControl.Columns>
    </dxg:GridControl>
    

    The image below demonstrates the result.

    WPF_Editors_Grid_with_BarCodeEdit

Buttons

Control name

Description

SimpleButton

Serves as a base for classes that represent button controls.

SimpleButton

DropDownButton

Represents a dropdown button control.

DropDownButton

SplitButton

Represents a split button control.

SplitButton

Item Selection

Control name

In-place editor settings

Description

ListBoxEdit

ListBoxEditSettings

A list box (checked list box, radio list box) editor.

WPF_ListBoxEdit

ComboBoxEdit

ComboBoxEditSettings

A combobox editor.

ComboBox_PalletsOnly

FontEdit

FontEditSettings

A font editor.

WPF_FontEdit

LookUpEdit

LookUpEditSettings

Represents a lookup editor.

WPF_LookUpEdit

SearchLookUpEdit

(LookUpEdit with the SearchLookUpEditStyleSettings settings)

MultiSelectLookUpEdit

(LookUpEdit with the MultiSelectLookUpEditStyleSettings settings)

TokenLookUpEdit

(LookUpEdit with the TokenLookUpEditStyleSettings settings)

LookUpEditSettings

A lookup editor with a built-in search functionality.

SearchLookUpEdit

A lookup editor with multiple value selection.

MultiSelectLookUpEdit

A lookup editor with multiple value selection. Selected values are represented by tokens.

SearchLookUpEdit

AutoSuggestEdit

AutoSuggestEditSettings

An editor that displays a drop-down list of suggestions as a user types in the text box.

AutoSuggestEdit

Data Input

Control name

In-place editor settings

Description

CheckEdit

CheckEditSettings

Represents a check box editor.

CheckEdit_Class.gif

ToggleSwitchEdit

ToggleSwitchEditSettings

Represents a toggle switch editor.

ToggleSwitch

ButtonEdit

ButtonEditSettings

Represents a text editor with embedded buttons.

ButtonEdit

TextEdit

TextEditSettings

Represents a text editor.

TextEdit Context Menu

PasswordBoxEdit

PasswordBoxEditSettings

Represents a control allowing you to enter and manage passwords.

WPF_PasswordBoxEdit

MemoEdit

MemoEditSettings

Represents an editor that displays a multi-line edit box in its popup.

WPF_MemoEdit

SpinEdit

SpinEditSettings

Represents an editor with spin buttons used to adjust a numerical value.

WPF SpinEdit Control

Date and Time

Control name

In-place editor settings

Description

DateEdit

DateEditSettings

Represents a date editor with a dropdown calendar.

date-edit

DateNavigator

Represents a date navigator.

DateNavigator-MonthView

Image and Color

Control name

In-place editor settings

Description

ImageEdit

ImageEditSettings

Represents an image editor.

WPF_ImageEdit

PopupImageEdit

PopupImageEditSettings

Represents an editor that displays an image within a dropdown window.

WPF_PopupImageEdit

BrushEdit

BrushEditSettings

Represents a brush editor.

WPF_BrushEdit

PopupBrushEdit

PopupBrushEditSettings

Represents a brush editor displayed within a dropdown window.

WPF_PopupBrushEdit

ColorEdit

ColorEditSettings

Represents a color editor.

ColorEdit_PalletsOnly

PopupColorEdit

PopupColorEditSettings

Represents a color editor displayed within a drop-down window.

WPF_PopupColorEdit

Visualization

Control name

In-place editor settings

Description

ProgressBarEdit

ProgressBarEditSettings

Represents a progress bar.

WPF_ProgressBarEdit

SparklineEdit

SparklineEditSettings

Represents a sparkline control.

WPF_SparkLineEdit

TrackBarEdit

TrackBarEditSettings

Represents a track bar.

TrackBar

TrackBar

RatingEdit

Represents a rating editor.

RatingEdit

RangeControl

Represents a range control.

WPF_RangeControl

Utility

Control name

In-place editor settings

Description

BarCodeEdit

BarCodeEditSettings

Represents a barcode editor.

WPF_BarCodeEdit_standalone

HyperlinkEdit

HyperlinkEditSettings

A hyperlink editor.

HyperLinkEdit

FlyoutControl

Represents a flyout control.

FlyoutControl

Calculator

Represents a calculator.

Calculator

PopupCalcEdit

CalcEditSettings

Represents a calculator displayed within a dropdown window.

WPF_PopupCalcEdit

See Also