Extjs克隆一个面板

Question

panel({})及其所有内容如grid,form和想要将精确克隆呈现给另一个面板是否有办法实现它..是否可以使用panel.getEl()或其他任何方式...请帮忙

Answer 1

sra的答案是不正确的.Ext的cloneConfig完全符合您的要求. http://docs.sencha.com/ext-js/4-1/#!/api/Ext.Component-method-cloneConfig

以下代码将两个"相同"面板呈现给正文.

var panel = Ext.create('Ext.Panel', {
    width: 500,
    height: 300,
    title: "HBoxLayout Panel",
    layout: {
        type: 'hbox',
        align: 'stretch'
    },
    renderTo: document.body,
    items: [{
        xtype: 'panel',
        title: 'Inner Panel One',
        flex: 2
    },{
        xtype: 'panel',
        title: 'Inner Panel Two',
        flex: 1
    },{
        xtype: 'panel',
        title: 'Inner Panel Three',
        flex: 1
    }]
});

var clone = panel.cloneConfig();