在飞行中渲染extjs中的任何组件的方法

时间:2017-03-01 14:21:26

标签: extjs plugins components containers render

  1. 我提供了内置的extjs组件类。
  2. 我无法更改它们,因为我正在使用插件。
  3. 我无法覆盖它们,因为有些事情是不可能的 预先定义的。
  4. 我也希望改变特定情况的组件,而不是全部 例。
  5. 现在如果我可以从DOM中选择该组件, 更改任何属性并将其呈现在那里。如果可以的话 完成后,我的工作变得轻而易举。
  6. 完全是一个场景。但为了便于理解,我正在添加示例代码。

    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();
                    });
    

    现在我想删除这个已经呈现的标签面板。并希望在我想要的任何地方呈现它。

1 个答案:

答案 0 :(得分:0)

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