Custom Editors for FlexGrid

Custom Editors for FlexGrid

Explore uses cases for the new custom editors for FlexGrid available in the Wijmo 2020 v2 release. In our 2020 v2 release, we addressed this by adding an editor property to the FlexGrid's Column class.

The FlexGrid has always had advanced Excel-style editing built-in. By default, it provides:

  1. In-cell editing
  2. Quick editing
  3. List-based editing (via data maps)
  4. Checkbox editing (for Boolean cells)
  5. Validation support

But many customers wanted to enhance and customize the editing experience using custom controls as cell editors. To address that need, we added editing templates to our interop modules and created a CustomGridEditor sample for pure JS applications.

The CustomGridEditor sample turned out to be very popular, but using it was hard because it was just a sample, not easy to find, not well-maintained, and not correctly integrated with the grid. Also, it lacked IME support for quick editing, which made it awkward to use in countries like China, Japan, and Korea.

What's New with Column Editors

In our 2020 v2 release, we addressed this by adding an editor property to the FlexGrid's Column class.

With the new editor property, you can:

  1. Use any Wijmo control as an editor for the column
  2. Fully customize the editor using their regular object model
  3. Use a single control as an editor for multiple columns
  4. Automatically display drop-down buttons when not in edit mode

The column editors integrate entirely with the grid, with support for CollectionView-based validation and full IME support.

The column editors are regular Wijmo controls, so they have robust and familiar object models, with nothing new to learn. And you have several powerful controls to choose from.

web mobile industry news mobile app

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How To Succeed In Mobile App Wireframe Design?

This article covers everything about mobile app wireframe design: what to do and what not, tools used in designing a mobile or web app wireframe, and more.

Top News Mobile App Development Company

Get a Free Quote on Android App Development, iPhone App Development, Ionic App Development, Video Development, ASO, SEO, Google Ads/Adwords, SEO for your app Idea.

How much does it cost to make an app or website?

“If you are planning to build a Web & Mobile App which may cost you around **$1,000 to $300,000** depending upon requirements and complexity of projects “ AppClues Infotech – **[Best Mobile & Web Development...

How much does it cost to make a mobile application like newspaper App?

We offer Best Mobile Solution with help of our expert team of Business Analyst who has knowledge and experience of 700+ apps serving various types of Industries Globally.

Top 10 Mobile App Development Companies in India

The mobile application scenario has been continually changing over the years. In recent years India has become a center for mobile app development companies. The increase of smartphones has instantly increased the requirements for these apps. Every year new technological trends occur due to contin