[DUP][CLOSED](Beta1) Extending TreePanel error [fix attached]

[conorarmstrong]

Had a bit of difficulty extending a tree panel as follows:

  Ext.require([
    'Ext.tree.*',
    'Ext.data.*'
  ]);
  
  Ext.define('App.SidebarTree', {
    extend: 'Ext.tree.TreePanel',
    initComponent: function() {
  
      var config = { 
        border: false,
        animate: true,
        useArrows: true,
        autoScroll: true,
        height: 400,
        containerScroll: true,
        rootVisible: false,
      }   
     
      this.buildStore(config);
   
      Ext.apply(this, Ext.apply(this.initialConfig, config));
  
      this.callParent(arguments);
      
    },  
    buildStore: function(config) {
      config.store=new Ext.data.TreeStore({
        proxy: {
          type: 'ajax',
          url: 'menu/loadTree'
        },  
        root: {
          nodeType      : 'async',
          expanded        : true,
          text            : '', 
          draggable       : false,
          id              : '/' 
        }   
      }); 
    }
});

I kept getting an error message from the Ext backend re an undefined config variable (line 75411 in ext-all-debug.js) - first line in the constructor method. It appears no check is being made for an undefined config. A quick fix as follows:

...
    getRootNode : function(){},
    getChecked : function(a, startNode){},

    constructor: function(config) {
        config=config || {};  // THIS NEW LINE INSERTED HERE
        if (config.animate === undefined) {
            config.animate = Ext.enableFx;
        }
....

Hope this helps

[evant]

Dupe: http://www.sencha.com/forum/showthre...tend-TreePanel