Problems Trying To Edit Tree Panel ExtJS 4
I'm using the attached code to edit a treepanel. If I use configuration of clicksToEdit:2, it works fine on the leaf nodes but not on a branch node. If I use configuration of clicksToEdit:1, it works on both nodes. Of course I want 2 clicks. Anyone had this problem?
Code:
var store = Ext.create('Ext.data.TreeStore',{
//autoLoad:true,
model:'CP.model.ProductGroupsModel' /*,
root:{ text: "Complaint Product Groups",
expanded:true,
leaf:false
}*/
}
);
Ext.override(Ext.data.AbstractStore,{
indexOf: Ext.emptyFn
});
Ext.define('CP.view.productGroup.PGView' ,
{
extend: 'Ext.tree.Panel',
alias : 'widget.pgTree',
title : 'All Complaint Product Groups',
autoScroll: true,
useArrows:true,
viewConfig:{plugins:{ptype:'treeviewdragdrop'}},
store:store,
rootVisible:false,
fbar:
[
{xtype:'button',text:'Save' },
{xtype:'component',flex:1}
],
selType: 'cellmodel',
plugins: [
Ext.create('Ext.grid.plugin.CellEditing', {clicksToEdit:2})
],
columns:[{xtype:'treecolumn',text:'Product Group / Parts',dataIndex:'text',flex:1,sortable:true,editor:{xtype:'textfield',allowBlank:false}},{text:'Description',dataIndex:'description',flex:2,sortable:false}]
}
);
