extjs - Ext.tree.Panel 折叠后不展开

Question

创建树面板后，我将 collapsible 属性设置为 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();
      }
    }
  }
});

为您的西部地区提供一个 ID 并添加如下监听器

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();
      }
    }
  }