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

时间:2013-07-03 05:08:18

标签: extjs expand treepanel

创建树面板后,我将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,

1 个答案:

答案 0 :(得分:0)

创建一个位于西部地区的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();
      }
    }
  }