如何从当前面板调用另一个extjs面板?

时间:2013-10-18 21:12:01

标签: javascript extjs

我有两个面板,我想从另一个面板调用一个面板。我想破坏第一个面板并将第二个面板渲染到第一个面板的位置。这是正确的方法吗?

function create(){
  var testButton = new Ext.Button({
    text: 'Switch panel',
    handler: function(){
      Ext.getCmp('backgroundForm').destroy();
      upload();
    }
  });

  var backgroundForm = new Ext.Panel({
    id: 'backgroundForm',
    renderTo: 'mainPackage',
    autoHeight: true,
    buttons: [testButton]
  });
}

function upload(){
  var testButton = new Ext.Button({
    text: 'Switch panel',
    handler: function(){
      alert('Test');
    }
  });

  var backgroundForm = new Ext.Panel({
    id: 'newBackgroundForm',
    renderTo: 'mainPackage',
    autoHeight: true,
    button[newTestButton]
  });
}

1 个答案:

答案 0 :(得分:1)

您当然可以将两个面板放在卡片布局中,或者您可以将panel.remove()和panel.add()用于父级,以添加和删除面板