ExtJs TreeGrid with editor column. Exists?

Question

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.

Any ideas?

Answer 1

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