Wijmo Vue Data Editors

MESCIUSData Editing ControlsJavaScript

Customizable Excel-like data editing components for Vue apps.

  • Supports in-cell editing with familiar Excel-like UI.
  • Offers multiple editor types: dropdown, autocomplete, radio buttons, menu.
  • Enables declarative creation of custom cell editors using Vue templates.
MESCIUS logo

Prices from:

Loading...
Available in
WijmoLoading
ComponentOne Studio EnterpriseLoading
Need help choosing? See How to Buy and Specification
Wijmo Vue Data Editors product image
Wijmo Vue Data Editors provide a versatile set of components to manage in-cell editing within Vue.js applications. Integrated with the FlexGrid, these editors enable intuitive and efficient manipulation of data through various input mechanisms. Designed to accommodate different editing styles, they support rapid data entry, validation, and flexible customization, fitting diverse application needs without requiring additional JavaScript code.

Built-in Quick Editing

FlexGrid supports Excel-like quick editing where users can easily enter edit mode, use keyboard navigation, and seamlessly edit multiple cells with arrow keys for a smooth data entry experience.

Multiple Editor Types

Choose from several editor types for data-mapped columns including dropdown lists with autocomplete and validation, standalone autocomplete inputs, radio button groups showing all options, and menu-based command lists. This flexibility meets varied UI requirements.

Declarative Custom Editors

Create tailored cell editors using Vue's template syntax, allowing the inclusion of advanced input controls like InputNumber or InputDate. Developers can build complex editing interfaces declaratively without writing imperative JavaScript.

Data Validation Support

Integrate validation into the editing process using event-based or CollectionView-based validation to ensure data integrity and provide immediate feedback to users during data entry.

Pop-up and Inline Editing

Support for both inline cell editors and pop-up editor dialogs allows developers to customize editing workflows to suit application UX, ranging from simple edits to complex multi-field forms.

IME Support

Input Method Editor (IME) support enables users to input data efficiently in languages requiring complex input methods such as Japanese, Chinese, and Korean, ensuring global usability.

Seamless FlexGrid Integration

Editors are fully integrated within FlexGrid, providing consistent interaction patterns and compatible cell template use, enabling advanced customization of grid cells and editors.

Vue-Specific API and Binding

Editors leverage Vue's reactive binding and scoped slots to ensure dynamic data updates and smooth interaction, enhancing developer productivity and application responsiveness.

Product Compatibility

Review the details below to ensure this product is supported within your environment.

Component Type

  • JavaScript

JavaScript Platform

  • Vue.js