我有一个regionContent
我添加到视口的面板。
如何用新内容替换其内容?
...
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 ]
});
然后该面板可以进入您的视口。要在它们之间切换,您将使用如下内容:
card.getLayout().setActiveItem(1);
看一下两个卡片布局的工作示例:http://dev.extjs.com/deploy/dev/examples/layout-browser/layout-browser.html http://dev.extjs.com/deploy/dev/examples/layout-browser/layout-browser.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)