[]
DEMOS DOCS API
DOWNLOAD NEED HELP? BOOK DEMO
(Showing Draft Content)

Custom Editors Support

The Wijmo DataGrid provides support of using the Wijmo Input controls as custom editors in the cells to customize the editing experience.

This can be done by assigning the instance of the Input editor control to the column's editor property.

For more details and a sample, visit the Wijmo documentation.

This page describes the support and some restrictions of using the Input controls as custom editors in the DataGrid.

Grid controls with Custom Editor

Custom editors are supported in the following grid controls:

  • FlexGrid

  • MultiRow

  • FlexSheet

  • TransposedGrid

  • TransposedMultiRow

Input Controls as Custom Editors

Supported

Unsupported

  • AutoComplete 

  • ComboBox 

  • InputColor 

  • InputDate 

  • InputTime

  • InputDateTime 

  • InputNumber 

  • InputMask 

  • MultiSelect 

  • Calendar 

  • ColorPicker 

  • InputDateRange 

  • ListBox 

  • Menu 

  • MultiAutoComplete 

  • MultiSelectListBox 

Features for Wijmo Input Controls as Custom Editors in DataGrid

Controls

Supported

Unsupported

Common Features

AutoComplete

  • Searching Items 

-

Accessing the control dropdown and selecting desired item 

  • Editing the values 

  • Styling controls (using CSS classes) 

  • Using control API

  • InputDate

  • InputTime

  • InputDateTime 

  • Accessing calendar in dropdown (InputDate, InputDateTime) 

  • Setting formats (format property*)* 

-

InputNumber

  • Setting formats (format property*)Using Increase/Decrease buttons to edit the value (step property)*

-

InputMask

  • Setting different masks

-

MuliSelect

  • Binding to string/array type data 

  • Selecting multiple values by checking/unchecking items

  • Filtering values from the list (showFilterInput property*)*

  • Grouping grid rows with MultiSelect column

  • Using Condition filter in MultiSelect column

  • Searching "...items selected" placeholder text in MultiSelect cells via FlexGridSearch 

  • Binding to Grid’s data source and configuring MultiSelect items with selectedValuePath and displayMemberPath properties

  • Using checkedItems and checkedMemberPath properties 

DataGrid Features with Custom Editors

Controls

Supported

Unsupported

FlexGrid

MultiRow

FlexSheet

  • Data binding from different sources 

  • Editing 

    • EN input - Quick and full editing modes 

    • JP IME input - Only full editing mode 

  • Grouping (via groupDescriptions/GroupPanel) 

  • Paging 

  • Formatting 

    • Column groups 

    • Column formats (number, date, etc.) 

    • Custom content (via formatItem/itemFormatter)

    • Styling cells (via cssClass/cssClassAll, formatItem/itemFormatter)

  • Filtering (via FlexGridFilter) 

  • Searching (via FlexGridSearch) 

  • Freezing rows/columns  

  • Selection

    • With different selection modes

    • With BooleanChecker and Selector

  • Merging  

  • Row Details  

  • Validation 

  • Grid operations

    • Scrolling 

    • Dragging 

    • Resizing 

    • Sorting 

    • Pinning 

  • Using control API

Quick editing with JP IME input

Custom Editors in Transposed Layouts

Custom editors are supported in transposed layouts.

Because transposed layouts represent properties as rows rather than columns, the editor property is assigned differently:

  • TransposedGrid

    Assign the editor property to row definitions or to leaf rows within rowGroups

  • TransposedMultiRow

    Assign the editor property to leaf cells within layoutDefinition.

Transposed layouts use the same supported editor types and behavior model as other grid controls.