Extend editors for DataGrid

Tutorial » Extend editors for DataGrid

Some common editors are added into datagrid to allow users to edit data. All the editor are defined in $.fn.datagrid.defaults.editors object that can be extended to support new editor. This tutorial will show you how to add a new numberspinner editor into the datagrid.

Extend the numberspinner editor

Create DataGrid in html markup

We assign the numberspinner editor to 'unit cost' field. When start editing a row, users can edit data with numberspinner editor component.

Download the EasyUI example:

easyui-datagrid-demo.zip