我有一个 regionContent
我添加到我的视口(viewport)的面板。
如何将其内容替换为新内容?
...
var regionContent = new Ext.Panel({
id: 'contentArea',
region: 'center',
padding:'10',
autoScroll: true,
html: 'this is the original content'
});
var viewport = new Ext.Viewport({
layout: 'border',
items: [ regionMenu, regionContent ]
});
var newPanel = new Ext.Panel({
region: 'east',
title: 'Info Panel',
width: 300,
html: 'this is a panel that is added'
});
// regionContent.update(newPanel); //renders as javascript code ???
// regionContent.remove(...) //how do I remove ALL CONTENT, I will not know what is in this panel to remove it specifically
regionContent.add(newPanel); //adds to original content but does not replace it
regionContent.doLayout();
...
.update()
做这个:.add()
做这个:最佳答案
您需要使用带有卡片布局的面板:
var card=new Ext.Panel({
layout:'card',
activeItem:0,
items:[ regionContent , newPanel ]
});
然后该面板可以进入您的视口(viewport)。要在它们之间切换,您将使用如下内容:
card.getLayout().setActiveItem(1);
看一下两个卡片布局的工作示例:
http://dev.extjs.com/deploy/dev/examples/layout-browser/layout-browser.html
关于extjs - 如何用新内容替换面板的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4334707/