Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

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.24.2.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

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

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

A text editor with embedded buttons.

Class: ButtonEdit

In-place editor: ButtonEditSettings

ButtonEdit

#BrowsePathEdit

A text editor that allows users to specify a path to a file/folder.

Class: BrowsePathEdit

In-place editor: BrowsePathEditSettings

BrowsePathEdit

#TextEdit

A text editor.

Class: TextEdit

In-place editor: TextEditSettings

TextEdit Context Menu

#PasswordBoxEdit

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

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

#DateRangeControl

A date range control.

Class: DateRangeControl

DateRangeControl

#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

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

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