如何在 ExtJS 中替换组件

Posted

技术标签:

【中文标题】如何在 ExtJS 中替换组件【英文标题】:How to replace a component in ExtJS 【发布时间】:2011-07-18 11:17:47 【问题描述】:

我有一个 ExtJS 窗口,顶部有一个工具栏,底部是普通的面板,带有普通的 html。这工作正常。单击按钮时,我希望能够用另一个面板替换底部面板(称为内容)。如果试过这个

var clickHandler = function(calendar)
    // 'content' is the panel id
    // calendar is also an Ext.Panel object
    Ext.getCmp('content').update(calendar); 
;

我错过了什么?

【问题讨论】:

【参考方案1】:

更新替换 HTML 内容。

您想删除旧面板并添加新面板。尝试 .remove() 旧面板和 .add() 新面板,不要忘记 .doLayout()。

【讨论】:

是的,这似乎是问题所在。谢谢!

以上是关于如何在 ExtJS 中替换组件的主要内容,如果未能解决你的问题,请参考以下文章

如何将 id 属性添加到 div-EXTJS3

如何在 Extjs CMD 应用程序中使用 ux 组件?

ExtJS 创建一个类似于 *** 编辑器的组件

如何在 ExtJS 5 中为 Grid 组件构建高级过滤器面板

ExtJS:如何在特定的`Window`组件上加载其他脚本?

ExtJS:如何使用别名/xtype 来引用其他组件