ExtJs TreeGrid with editor column. Exists?

Andrey Selitsky picture Andrey Selitsky · Feb 16, 2012 · Viewed 9.2k times · Source

I need an ability to edit values in a grid column of a treegrid. Simply adding a editor to the column's config didn't helped. I'm using ExtJs4 treepanel component.

enter image description here

Any ideas?

Answer

Neil McGuigan picture Neil McGuigan · Apr 3, 2012

Yup, it exists.

I would recommend using the latest version, which at this time is 4.1 Release Candidate 1.

Use an Ext.Tree.Panel

add a Grid Editing plugin, like this:

  plugins:[
    Ext.create('Ext.grid.plugin.CellEditing', {
      clicksToEdit:2
    })
  ]

make at least one of the columns editable like this

editor:{
  xtype:'textfield'
}

You are basically combining this:

http://docs.sencha.com/ext-js/4-0/#!/example/tree/treegrid.html

and this:

http://docs.sencha.com/ext-js/4-0/#!/example/grid/cell-editing.html