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.

enter image description here

Any ideas?

try to change the 'xtype' of the column – Hadas Feb 16 '12 at 13:38 — Hadas, Feb 16 '12 at 13:38
didn't get you? how xtype allows editing? – Andrey Selitsky Feb 16 '12 at 13:43 — Andrey Selitsky, Feb 16 '12 at 13:43
I'm using extjs4, your link is about extjs3 – Andrey Selitsky Feb 16 '12 at 13:56 — Andrey Selitsky, Feb 16 '12 at 13:56

score 8 · Accepted Answer · answered Apr 03 '12 at 05:13

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

score 3 · Answer 2 · answered Feb 16 '12 at 14:32

3

found the solution:

http://www.sencha.com/forum/showthread.php?131602-4.0.0-Cellediting-on-TreeGrid http://www.sencha.com/forum/showthread.php?143983-Problems-Trying-To-Edit-Tree-Panel-ExtJS-4

answered Feb 16 '12 at 14:32

Andrey Selitsky

2,584
3
28
42

ExtJs TreeGrid with editor column. Exists?

2 Answers2

Linked