ag-grid-typed-editor

Quick implementation of typed html input editor for ag-Grid.

Install

npm install --save ag-grid-typed-editor

Description

The goal of this package is to provide an easy way to have html typed input for agGrid editors.

Usage

This package provide a new cellEditor named: InputParameterizedCellEditor. You can configure and customize the cell and behavior with the following cellEditorParams:

• useFormatter: (boolean = false) used when the cell value needs formatting prior to editing, such as when using reference data and you want to display text rather than code.
• inputAttrs: (object = {type: 'text'})
  • type: (string: required) The name of the html type you want, must be one of:
    • 'number'
    • 'text'
    • 'date'
    • 'datetime-local'
    • 'month'
    • 'color'
    • 'range'
    • 'week'
    • 'time'
  • attrs: (object) All the attrs who are valid for the targeted html type.

Demo

Example

Simple number input typed example

import {InputParameterizedCellEditor} from './ag-grid-typed-editor';
...
{
    headerName: 'A number',
    field: 'somenumber',
    editable: true,
    resizable: true,
    cellEditor: InputParameterizedCellEditor,
    cellEditorParams: {
        inputAttrs: {
            type: 'number',
            attrs: {
                min: 1,
                max: Number.MAX_SAFE_INTEGER,   
            }
        },
    },
}

Dependencies

• ag-Grid

Thank's to

• Thank's to ag-Grid for the great ag-Grid package.

LICENSE

This project is onto MIT license see LICENSE file.