在 extjs 中即时渲染任何组件的方法

Question

1. 为我提供了内置的 extjs 组件类。
2. 我正在处理插件时无法更改它们。
3. 我不能覆盖它们，因为有些东西不能 预定义。
4. 我还想针对特定情况更改组件，而不是全部 案例。
5. 现在，如果我可以从 DOM 中选择该组件， 更改它的任何属性并将其呈现在那里。如果可以 完成后，我的工作就会变得轻松很多。

这完全是一个场景。但为了便于理解，我还是添加了一个示例代码。

var tabPanel = Ext.create('Ext.tab.Panel', {
                    width : 300,
                    height : 200,
                    activeTab : 0,
                    items : [
                        {
                            title : 'Tab1',
                            bodyPadding : 10,
                            items : [
                                {
                                    xtype : 'button',
                                    text : 'B1'
                                }
                            ]
                        },
                        {
                            title : 'Tab2',
                            items : [
                                {
                                    xtype : 'button',
                                    text : 'B2'
                                }
                            ]
                        }
                    ],
                    renderTo : Ext.getBody(),
                    autoRender : true
                });
                // Change title of tab panel
                tabPanel.items.each(function(item) {
                    item.title = "text"+Math.random();
                });

现在我想删除这个已经渲染的标签面板。并且想在我想要的任何地方渲染它。

Answer 1

经过大量搜索，我找到了问题的解决方案。我们可以使用组件的 doLayout() 或 update() 函数来实现目的。