Included Components

  • 4 minutes to read

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.

Toolbox

In the Visual Studio IDE, all Data Editors and Simple Controls components are available on the DX.20.1.WPF: Common Controls toolbox tab.

You can use the Data Editors in the following ways.

  • As a standalone control

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

    <Window ...
        xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors">
    
    <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

    Most of DevExpress WPF data editors can be seamlessly nested in GridControl cells, Bar items, PropertyGrid cells, etc. For more information, see In-Place Mode.

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

    <Window ...
        xmlns:dxe="http://schemas.devexpress.com/winfx/2008/xaml/editors"
        xmlns:dxg="http://schemas.devexpress.com/winfx/2008/xaml/grid">
    
    <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

SimpleButton

Serves as a base for classes that represent button controls.

Class: SimpleButton

SimpleButton

Represents a dropdown button control.

Class: DropDownButton

DropDownButton

SplitButton

A split button control.

Class: SplitButton

SplitButton

Item Selection

ListBoxEdit

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

Class: ListBoxEdit

In-place editor: ListBoxEditSettings

ComboboxEdit

A combobox editor.

Class: ComboBoxEdit

In-place editor: ComboBoxEditSettings

FontEdit

A font editor.

Class: FontEdit

In-place editor: FontEditSettings

WPF_FontEdit

LookupEdit

Represents a lookup editor.

Class: LookUpEdit

In-place editor: LookUpEditSettings

WPF_LookUpEdit

SearchLookUpEdit

A lookup editor with a built-in search functionality.

Class: LookUpEdit with the SearchLookUpEditStyleSettings settings.

SearchLookUpEdit

MultiSelectLookUpEdit

A lookup editor with multiple value selection.

Class: LookUpEdit with the MultiSelectLookUpEditStyleSettings settings.

MultiSelectLookUpEdit

TokenLookUpEdit

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

Class: LookUpEdit with the TokenLookUpEditStyleSettings settings.

TokenLookUpEdit

AutoSuggestEdit

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

Class: AutoSuggestEdit

In-place editor: AutoSuggestEditSettings

AutoSuggestEdit

Data Input

CheckEdit

Represents a check box editor.

Class: CheckEdit

In-place editor: CheckEditSettings

CheckEdit_Class.gif

ToggleSwitchEdit

Represents a toggle switch editor.

Class: ToggleSwitchEdit

In-place editor: ToggleSwitchEditSettings

ToggleSwitch

ButtonEdit

Represents a text editor with embedded buttons.

Class: ButtonEdit

In-place editor: ButtonEditSettings

ButtonEdit

TextEdit

Represents a text editor.

Class: TextEdit

In-place editor: TextEditSettings

TextEdit Context Menu

PasswordBoxEdit

Represents a control allowing you to enter and manage passwords.

Class: PasswordBoxEdit

In-place editor: PasswordBoxEditSettings

WPF_PasswordBoxEdit

MemoEdit

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

Class: MemoEdit

In-place editor: MemoEditSettings

WPF_MemoEdit

SpinEdit

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

Class: SpinEdit

In-place editor: SpinEditSettings

WPF SpinEdit Control

Date and Time

DateEdit

A date editor with a dropdown calendar.

Class: DateEdit

In-place editor: DateEditSettings

date-edit

DateNavigator

A date navigator control.

Class: DateNavigator

DateNavigator-MonthView

TimePicker

A time picker control.

Class: TimePicker

time picker editor

Image and Color

ImageEdit

Represents an image editor.

Class: ImageEdit

In-place editor: ImageEditSettings

WPF_ImageEdit

PopupImageEdit

An editor that displays an image within a dropdown window.

Class: PopupImageEdit

In-place editor: PopupImageEditSettings

WPF_PopupImageEdit

BrushEdit

Represents a brush editor.

Class: BrushEdit

In-place editor: BrushEditSettings

WPF_BrushEdit

PopupBrushEdit

Represents a brush editor displayed within a dropdown window.

Class: PopupBrushEdit

In-place editor: PopupBrushEditSettings

WPF_PopupBrushEdit

ColorEdit

Represents a color editor.

Class: ColorEdit

In-place editor: ColorEditSettings

ColorEdit_PalletsOnly

PopupColorEdit

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

Class: PopupColorEdit

In-place editor: PopupColorEditSettings

WPF_PopupColorEdit

Visualization

ProgressBarEdit

Represents a progress bar.

Class: ProgressBarEdit

In-place editor: ProgressBarEditSettings

WPF_ProgressBarEdit

SparklineEdit

A sparkline control.

Class: SparklineEdit

In-place editor: SparklineEditSettings

WPF_SparkLineEdit

TrackBarEdit

A track bar.

Class: TrackBarEdit

In-place editor: TrackBarEditSettings

TrackBar

TrackBar

RatingEdit

Represents a rating editor.

Class: RatingEdit

RatingEdit

RangeControl

Represents a range control.

Class: RangeControl

WPF_RangeControl

Utility

BarCodeEdit

A barcode control.

Class: BarCodeEdit

In-place editor: BarCodeEditSettings

WPF_BarCodeEdit_standalone

HyperlinkEdit

A hyperlink editor.

Class: HyperlinkEdit

In-place editor: HyperlinkEditSettings

HyperLinkEdit

FlyoutControl

Represents a flyout control.

Class: FlyoutControl

FlyoutControl

Calculator

Represents a calculator.

Class: Calculator

Calculator

PopupCalcEdit

Represents a calculator displayed within a dropdown window.

Class: PopupCalcEdit

In-place editor: CalcEditSettings

WPF_PopupCalcEdit