Question

创建树面板后，我将collapsible属性设置为true。在页面上，单击该折叠图标（＆gt;＆gt;）后，树将折叠。但是当我试图在崩溃后再次扩展它时，它不会扩展。在页面上，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();
      }
    }
  }

折叠后的Ext.tree.Panel不会扩展

1 个答案: