Ext.tree.Panel после свертывания нерасширяющегося

Question

После создания панели дерева я установил свойство сбрасываемого свойства в значение true. На странице после щелчка по значку свернуть (>>) дерево свернуто. Но когда я пытаюсь расширить его снова после краха, он не расширяется. На странице ошибка javascript говорит «Функция ожидаемая». Я полностью застрял и нуждаюсь в помощи. Пожалуйста, помогите мне. Вот код, который я использовал для создания TreePanel. Создав это дерево, я добавлю его в окно просмотра.

var tree1 = Ext.create('Ext.tree.Panel', { 
    title : " ", 
    xtype : 'treepanel', 
    store : store, 
    id : 'tree1', 
    region : 'west', 
    height : 300, 
    width : '19%', 
    useArrows : true, 
    rootVisible : false, 
    collapsible:true, 
    expand : true, 

Answer 1

создать ContentPlaceholder, который будет в вашем западном регионе

var contentplaceHolder = Ext.create('Ext.panel.Panel', { 
    height: 500, 
    listeners: { 
    click : { 
     element : 'el', 
     fn : function(){ 
     //Expand the west region on click 
     Ext.getCmp('region_west').expand(); 
     } 
    } 
    } 
}); 

дать идентификатор к вашему Западному региону и добавить слушатель, как показано ниже

var tree1 = Ext.create('Ext.tree.Panel', { 
    title : " ", 
    xtype : 'treepanel', 
    store : store, 
    placeholder: contentplaceHolder, 
    id : 'tree1', 
    region : 'west', 
    height : 300, 
    width : '19%', 
    useArrows : true, 
    rootVisible : false, 
    collapsible:true, 
    collapsed: true, 
    expand : true, 
    listeners: { 
    click: { 
     element: 'el', 
     fn: function() { 
     Ext.getCmp('region_west').collapse(); 
     } 
    } 
    }