gpt4 book ai didi

extjs - 如何用新内容替换面板的内容?

转载 作者:行者123 更新时间:2023-12-03 23:32:59 25 4
gpt4 key购买 nike

我有一个 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()做这个:

alt text
.add()做这个:

alt text

最佳答案

您需要使用带有卡片布局的面板:

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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com