Threaded View

  1. #1
    Sencha User
    Join Date
    May 2011
    Posts
    40
    Vote Rating
    0
    jeromer is on a distinguished road

      0  

    Default Answered: Problems Trying To Edit Tree Panel ExtJS 4

    Answered: 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}]
            
        }        
    );

  2. Try adding toggleOnDblClick: false to your viewConfig.